网页设计大赛第十三天

自动居中一列布局：

三个技能点:标准文档流、margin属性、块级元素。

 

1、auto会根据浏览的宽度自动来设置两边的外边距。

2、其原理：（浏览器的宽度-外包含层的宽度）/2=外边距

3、如果想让页面自动居中，当设置marign属性为auto时，就不能在设置浮动或是绝对定位属性。如果你设置了auto，又设置了浮动或是绝对定位，那么页面是不会居中显示的

 

1、设置float属性后， 元素依旧存在标准文档流中，并且会影响紧邻其后的元素

2、清除浮动常用方法①clear：both ②对受到影响的元素设置width，overflow：hidden

 

1、float属性-使横向排列的块级元素列布局。

2、margin属性-设置两列之间的间距。当父包含块缩成一条时，用clear：both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动（可用overflow方法）

3、div中的高度“height”最好不要设置，一旦超出设置的高度，超出内容将无法显示，不设置高度时，div的高度会随着内容的增加而增加。