成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

解決：父級元素不能被子元素內(nèi)容撐開的解決辦法，父級元素沒有高度的解決辦法

dabai / 1947人閱讀

摘要：今天在寫網(wǎng)頁時遇到如下圖問題，解決問題后自己做個隨筆，希望幫到更多的學(xué)前端的童鞋問題圖片問題描述最外層的父級元素不能自適應(yīng)高度不能隨對象撐開沒有高度當在對象內(nèi)的盒子使用了后，導(dǎo)致對象本身不能被撐開自適應(yīng)高度，這個是由于浮動產(chǎn)生原因。

問題

父級元素不能被子元素內(nèi)容撐開的解決辦法，父級元素沒有高度的解決辦法。

今天在寫網(wǎng)頁時遇到如下圖問題，解決問題后自己做個隨筆，希望幫到更多的學(xué)前端的童鞋！

問題圖片

問題描述

最外層的父級元素不能自適應(yīng)高度-不能隨對象撐開沒有高度

當在對象內(nèi)的盒子使用了float后，導(dǎo)致對象本身不能被撐開自適應(yīng)高度，這個是由于浮動產(chǎn)生原因。

解決方法

一、

在父元素里最底部加上一個clear清除浮動的標簽(無需內(nèi)容)，并設(shè)置clear: both;

HTML

1 

2     
3     

4     

5

CSS

1

頁面效果

二、

直接給父元素加上偽對象選擇符(::after),意思就是在父元素后面添加清除浮動屬性。

HTML

1 

2     
3     

4

CSS

1

頁面效果

簡單解決了問題，如有不足之處，請多多指教！

文章乃參考、轉(zhuǎn)載其他博客所得，僅供自己學(xué)習(xí)作筆記使用?。?！

?

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1329.html

相關(guān)文章

  • 關(guān)于css兼容性問題及一些常見問題匯總

    摘要：解決辦法添加復(fù)制內(nèi)容到剪貼板一行右側(cè)第一個元素有雙邊距一行左側(cè)第一個元素有雙邊距在，下，自身沒浮動，但是的內(nèi)容有浮動，下邊就會產(chǎn)生一個間隙解決辦法給加浮動給加注意當下最小高度問題，和的間隙問題共存的時候，給加浮動才能解決。目前主流瀏覽器的兼容性做的都比較好了，本文主要針對IE6，7的不兼容問題進行解決。 1.圓盤時鐘有浮動存在時，計算一定要精確，不要讓內(nèi)容的寬高超出我們所設(shè)置的寬高，IE6下...

    seanlook 評論0 收藏0

  • 浮動 高度塌陷問題 BFC

    摘要：容易混淆的是，效果幾乎一樣，但是并沒有脫離文檔流，并且元素中間有空隙。講高度塌陷問題在文檔流中，默認父元素不設(shè)置高度是被子元素撐開，當子元素脫離了文檔流，父元素會出現(xiàn)高度塌陷的問題。 58-59講 浮動 三個塊級div水平方向排列： 不脫離文檔流 display：inline-block可以把它們?nèi)齻€變?yōu)樾袃?nèi)塊元素,但是書寫方式必須是這也每個div必須緊鄰，中間不能留有空隙 下面這...

    paraller 評論0 收藏0

  • 浮動 高度塌陷問題 BFC

    摘要：容易混淆的是，效果幾乎一樣，但是并沒有脫離文檔流，并且元素中間有空隙。講高度塌陷問題在文檔流中，默認父元素不設(shè)置高度是被子元素撐開，當子元素脫離了文檔流，父元素會出現(xiàn)高度塌陷的問題。 58-59講 浮動 三個塊級div水平方向排列： 不脫離文檔流 display：inline-block可以把它們?nèi)齻€變?yōu)樾袃?nèi)塊元素,但是書寫方式必須是這也每個div必須緊鄰，中間不能留有空隙 下面這...

    _Suqin 評論0 收藏0

  • 網(wǎng)頁兼容性

    摘要：塊格式化上下文，是頁面的可視化渲染的一部分，是布局過程中生成塊級盒子的區(qū)域，也是浮動元素與其他元素的交互限定區(qū)域。浮動定位和清除浮動時只會應(yīng)用于同一個內(nèi)的元素。外邊距折疊也只會發(fā)生在屬于同一的塊級元素之間。 記錄IE67下常見的問題 1、H5標簽兼容 H5的新加入的標簽在IE67下無用解決辦法：檢測是否有這個標簽， 如沒有則自己定義一個標簽，但要注意自定義標簽?zāi)J是內(nèi)聯(lián)元素，沒有寬和高...

    Donne 評論0 收藏0

  • 網(wǎng)頁兼容性

    摘要：塊格式化上下文，是頁面的可視化渲染的一部分，是布局過程中生成塊級盒子的區(qū)域，也是浮動元素與其他元素的交互限定區(qū)域。浮動定位和清除浮動時只會應(yīng)用于同一個內(nèi)的元素。外邊距折疊也只會發(fā)生在屬于同一的塊級元素之間。 記錄IE67下常見的問題 1、H5標簽兼容 H5的新加入的標簽在IE67下無用解決辦法：檢測是否有這個標簽， 如沒有則自己定義一個標簽，但要注意自定義標簽?zāi)J是內(nèi)聯(lián)元素，沒有寬和高...

    blair 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<