国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

dabai / 1825人閱讀

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

問題

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

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

問題圖片

問題描述

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

當在對象內的盒子使用了float后，導致對象本身不能被撐開自適應高度，這個是由于浮動產生原因。

解決方法

一、

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

HTML

1 

2     
3     

4     

5

CSS

1

頁面效果

二、

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

HTML

1 

2     
3     

4

CSS

1

頁面效果

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

文章乃參考、轉載其他博客所得，僅供自己學習作筆記使用！！！

?

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1329.html

相關文章

  • 關于css兼容性問題及一些常見問題匯總

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

    seanlook 評論0 收藏0

  • 浮動 高度塌陷問題 BFC

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

    _Suqin 評論0 收藏0

  • 浮動 高度塌陷問題 BFC

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

    paraller 評論0 收藏0

  • 網頁兼容性

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

    Donne 評論0 收藏0

  • 網頁兼容性

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

    blair 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<