,然后设置它的属性,比如:边框boder:1px
solid
#f00
居中:margin:auto;层里面的内容你不设置还是原来的样子。
.div{margin:0auto
width:800pxheight:200pxbackground:#f00display:table}
margin:0
auto
就是上下为0
左右居中
不能加FLOAT
否则不生效
display:table
是为了让高自动增加
就是自适应高度
是为了给CHROME或者FF设置的
IE不受影响,否则高度始终是为0的;
然后在在DIV里面写任何代码都没有事了
他会始终以BODY居中
你的写法在不同浏览器下有不同效果。1.在ie6下因为你设置了body,text-align:center,所以div以其最左侧为基准居中,也就是div最左上角那点为基准来居中。
2.在火狐下不支持text-align:center所以直接在页面左侧,你会发现不是挨着浏览器边框,是因为网页自身默认内容部分有一定的边距,你只有把边距设为0,才会真正的挨着浏览器的边框,这就是所有body里都有margin:0这个属性的原因。