文章詳情頁(yè)
css - div設(shè)置float：left后高度設(shè)置自動(dòng)會(huì)無效 ？
瀏覽：154日期：2023-07-25 16:44:40
問題描述
.main_box_rightbox { width: 950px; height: auto; float: left; margin-left: 5px; margin-top: 3px; position: relative;}
這樣之后mainboxrightbox 高度只有16px這是為什么？？有內(nèi)容！！
問題解答
回答1：沒有清除浮動(dòng)？
.clear{clear:both;}回答2：
看不到你的全部代碼，估測(cè)可能的原因：1、浮動(dòng)沒有清除導(dǎo)致高度沒有被撐開2、內(nèi)容是空的，導(dǎo)致高度沒有撐開,height:auto根據(jù)塊內(nèi)內(nèi)容自動(dòng)調(diào)節(jié)高度。
回答3：其實(shí)。你可以在父級(jí)p.設(shè)置：p {
overfloat: hidden;
}
就可以了。不需要用到清楚浮動(dòng)。
回答4：因?yàn)槟阍O(shè)置了position:relative，如果子元素是absolute的定位方式的話是沒辦法撐開父級(jí)p的
標(biāo)簽：
CSS
相關(guān)文章：
1. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網(wǎng)址是什么？？百度不到。3. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？4. Python 子類能否覆蓋全局函數(shù)?5. javascript - JS如何取對(duì)稱范圍的隨機(jī)數(shù)？6. 前端 - @media query 使用出現(xiàn)的問題？7. java軟引用在android中有實(shí)際應(yīng)用場(chǎng)景嗎?8. kv存儲(chǔ) - 怎樣用 Redis 緩存微博的評(píng)論列表？9. javascript - vue上傳圖片，并顯示在頁(yè)面中的插件10. mysql - sql 找出2個(gè)數(shù)據(jù)庫(kù)的差異表名
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備