資訊專欄INFORMATION COLUMN
摘要：今天在寫網(wǎng)頁時遇到如下圖問題，解決問題后自己做個隨筆，希望幫到更多的學前端的童鞋問題圖片問題描述最外層的父級元素不能自適應高度不能隨對象撐開沒有高度當在對象內的盒子使用了后，導致對象本身不能被撐開自適應高度，這個是由于浮動產(chǎn)生原因。
父級元素不能被子元素內容撐開的解決辦法，父級元素沒有高度的解決辦法。
今天在寫網(wǎng)頁時遇到如下圖問題，解決問題后自己做個隨筆，希望幫到更多的學前端的童鞋！
最外層的父級元素不能自適應高度-不能隨對象撐開沒有高度
當在對象內的盒子使用了float后，導致對象本身不能被撐開自適應高度，這個是由于浮動產(chǎn)生原因。
在父元素里最底部加上一個clear清除浮動的標簽(無需內容)，并設置clear: both;
12 3 4 5
1
直接給父元素加上偽對象選擇符(::after),意思就是在父元素后面添加清除浮動屬性。
12 3 4
1
簡單解決了問題，如有不足之處，請多多指教！
文章乃參考、轉載其他博客所得，僅供自己學習作筆記使用?。。?/p>
?
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/1329.html
摘要：解決辦法添加復制內容到剪貼板一行右側第一個元素有雙邊距一行左側第一個元素有雙邊距在，下，自身沒浮動，但是的內容有浮動，下邊就會產(chǎn)生一個間隙解決辦法給加浮動給加注意當下最小高度問題，和的間隙問題共存的時候，給加浮動才能解決。目前主流瀏覽器的兼容性做的都比較好了，本文主要針對IE6，7的不兼容問題進行解決。 1.圓盤時鐘有浮動存在時，計算一定要精確，不要讓內容的寬高超出我們所設置的寬高，IE6下...
摘要：容易混淆的是，效果幾乎一樣，但是并沒有脫離文檔流，并且元素中間有空隙。講高度塌陷問題在文檔流中，默認父元素不設置高度是被子元素撐開，當子元素脫離了文檔流，父元素會出現(xiàn)高度塌陷的問題。 58-59講 浮動 三個塊級div水平方向排列： 不脫離文檔流 display：inline-block可以把它們三個變?yōu)樾袃葔K元素,但是書寫方式必須是這也每個div必須緊鄰，中間不能留有空隙 下面這...
摘要：容易混淆的是，效果幾乎一樣，但是并沒有脫離文檔流，并且元素中間有空隙。講高度塌陷問題在文檔流中，默認父元素不設置高度是被子元素撐開，當子元素脫離了文檔流，父元素會出現(xiàn)高度塌陷的問題。 58-59講 浮動 三個塊級div水平方向排列： 不脫離文檔流 display：inline-block可以把它們三個變?yōu)樾袃葔K元素,但是書寫方式必須是這也每個div必須緊鄰，中間不能留有空隙 下面這...
摘要：塊格式化上下文，是頁面的可視化渲染的一部分，是布局過程中生成塊級盒子的區(qū)域，也是浮動元素與其他元素的交互限定區(qū)域。浮動定位和清除浮動時只會應用于同一個內的元素。外邊距折疊也只會發(fā)生在屬于同一的塊級元素之間。 記錄IE67下常見的問題 1、H5標簽兼容 H5的新加入的標簽在IE67下無用解決辦法：檢測是否有這個標簽， 如沒有則自己定義一個標簽，但要注意自定義標簽默認是內聯(lián)元素，沒有寬和高...
摘要：塊格式化上下文，是頁面的可視化渲染的一部分，是布局過程中生成塊級盒子的區(qū)域，也是浮動元素與其他元素的交互限定區(qū)域。浮動定位和清除浮動時只會應用于同一個內的元素。外邊距折疊也只會發(fā)生在屬于同一的塊級元素之間。 記錄IE67下常見的問題 1、H5標簽兼容 H5的新加入的標簽在IE67下無用解決辦法：檢測是否有這個標簽， 如沒有則自己定義一個標簽，但要注意自定義標簽默認是內聯(lián)元素，沒有寬和高...
閱讀 3479·2021-10-14 09:42
閱讀 2756·2021-09-08 10:44
閱讀 1340·2021-09-02 10:18
閱讀 3698·2021-08-30 09:43
閱讀 2855·2021-07-29 13:49
閱讀 3747·2019-08-29 17:02
閱讀 1608·2019-08-29 15:09
閱讀 1055·2019-08-29 11:01
