css-floatinglayout
时间:2023-03-30 17:17:43
CSS
布局使用boxes进行布局,布局的目的是让块状元素成行显示
1)浮动布局.content>div{float:left;}向左飘浮;让元素浮动:??1.脱离文档流(1.如果不指定宽高,则由内容决定;2.元素脱离文档流后不会占用屏幕空间,并且它下面的块元素会在最上面)2.所有的浮动元素都会进入另一个文档流(floatingdocumentflow),浮动文档流中的所有浮动元素都会显示在一行中,并且会进入无法放下时的下一行。3.由于浮动元素脱离了文档流,会失去对父元素的支持【非浮动块元素】解决方法:在父元素中插入一个伪元素,让这个伪元素清理掉漂浮