自动居中一列布局:
三个技能点:标准文档流、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的高度会随着内容的增加而增加。