SunshinePengChao的专栏

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 1

css布局 宽度自适应

在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！1：li边距“无故”增加 　　任何事情都是有原因的，li边距也不例外。 　　先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究

Document /*.bottom 用于遮挡元素下面的部分，和背景用相同的颜色时，让人看起来像是.box的padding-bottom（即：底部有空位）*/.bottom{bottom:0px;float:left;/*.box底部想与外面包含容器留出来的空白的高度*/height:20px;/*需要定位到.box的最下面*/position:absolute;/*.box

table{ /*border-collapse有两个值：collapse无间距（叠加模型），separate有1px间距（单独模型）*/ border-collapse:collapse; text-align:center; } td,th{ border:1px solid; } .align-right{ text-align:right; }

1.布局错误的解决1.如果错误影响了整体布局，则可以逐个删除div块，知道删除某个div块后，显示恢复正常，即可确定错误发生的位置2.使用float属性时，可以先添加border确定元素边界，布局完成后再删除3.float元素的父元素，不能指定clear属性4.字体大小为奇数的边框，边框height或line-height应该设置为偶数5，父奇>>子奇 ，父偶>>子偶

垂直居中的几种方式1.ie7+以上支持绝对定位+各外边距为0+margin：auto .div1{ background:blue; position:absolute; left:0; top:0; right:0; bottom:0; height:100px; width:100px; margin:auto; }