想問一下各位大佬，clear: both 說是清除兩側浮動元素對當前元素的影響，那么怎么判斷哪個元素對它影響最大？？？
uj5u.com熱心網友回復：
我一個菜鳥的經驗，浮動并不容易控制，layui這種比較專業的也不用浮動，有很多方法可以達到效果，比如絕對定位，添加視窗尺寸變化事件調整絕對定位值；用div包裝，將div設定為行內塊，它就能自動左對齊排列；如果有右對齊的，用表格也可以解決，寬度100%，左邊表格左對齊，右邊表格右對齊，視窗尺寸變化時，表格會自適應調整uj5u.com熱心網友回復：
沒必要糾結那么多。清除浮動只在你元素脫標需要占位的時候才會考慮//不占位，脫標
<div style="float:left;">浮動元素</div>
//占位，但仍然脫離標準流
<div style="float:left;">浮動元素</div>
<div style="clear:both">
也可以通過偽元素清除浮動實作
uj5u.com熱心網友回復：
overflow:hidden浮動的后面新加一個標簽 .clear {clear:both }
利用偽類清除浮動 如： .clearfix:before,.clearfix:after { content: ‘’; display: table; } .clearfix:after { clear: both } .clearfix { *zoom: 1; /*此處是為ie6、7處理的方式 /}
uj5u.com熱心網友回復：
給浮動元素父級添加一個clearfixclearfix:after{
content:""; (這個 是設定一個偽元素為空）
height;0;
display:block;（設定該偽元素為塊級元素）
clear:both;（清除該元素前面的浮動）
}
clearfix{
zoom:1;（兼容ie6)
}
還有一種是給浮動元素父級設定overflow:hidden;但是這種做法會有作弊嫌疑，不推薦使用
uj5u.com熱心網友回復：
了解一下Flex布局吧，這樣再也沒有浮動了。再也用不著那些詭異的布局技巧了。uj5u.com熱心網友回復：
浮動這東西確實可以放進歷史的垃圾堆了,在flex 之前,也沒有使用 float 的必要
uj5u.com熱心網友回復：
有flex以后，float就不好用了uj5u.com熱心網友回復：
給分了給分了uj5u.com熱心網友回復：
這個怎么給發
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/20258.html
標籤：HTML(CSS)
上一篇：asp+access 兩個表 要滿足第一個表中的條件才執行第二個表的操作
下一篇：tocmat 500