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

資訊專欄INFORMATION COLUMN

CSS選擇器——偽元素選擇器之處理父元素高度及外邊距溢出

Jason_Geng / 1449人閱讀

摘要：子元素浮動(dòng)導(dǎo)致父元素高度不夠問(wèn)題描述最小高度為的父元素，嵌套一個(gè)高度的子元素，當(dāng)子元素浮動(dòng)時(shí)，父元素高度并不隨之升高。

1. 子元素浮動(dòng)導(dǎo)致父元素高度不夠 
問(wèn)題描述：最小高度為100px的父元素，嵌套一個(gè)300px高度的子元素，當(dāng)子元素浮動(dòng)時(shí)，父元素高度并不隨之升高。
問(wèn)題視圖：

期望視圖：

待解決代碼：




    1
    
    


    

        
我是浮動(dòng)的子元素

解決方案：父元素底部追加一個(gè)內(nèi)容為空的子元素，class為clear，對(duì)其添加樣式.clear:after{content:"";display:block;clear:both;}

已解決代碼：




    1
    
    


    

        
我是浮動(dòng)的子元素
2.子元素浮動(dòng)導(dǎo)致外邊距溢出 
問(wèn)題描述：
在某些特殊的條件下，為子元素設(shè)置上外邊距時(shí)，有可能會(huì)作用到父元素上。
問(wèn)題視圖：

期望視圖：

待解決代碼：




    2
    
    


    
上面的div

    

        
下面的div的子元素

解決方案：
在d2中的第一個(gè)子元素位置處（！！！必須是空子元素）生成內(nèi)容為空顯示方式為table（！！！必須是table元素）
d2中添加第一個(gè)子元素，對(duì)其添加樣式：.d2:before {content:"";display:table;}
已解決代碼：




    2
    
    


    
上面的div

    

        
下面的div的子元素

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/117401.html

相關(guān)文章

  • 知識(shí)整理之CSS篇

    摘要：如對(duì)知識(shí)點(diǎn)感興趣，可移步至知識(shí)整理之篇就是針對(duì)不同的瀏覽器或不同版本瀏覽器寫特定的樣式達(dá)到讓瀏覽器兼容的過(guò)程。對(duì)于偽元素的定義偽元素在中創(chuàng)建了一些抽象元素，這些對(duì)象不存在與常文檔流中。隱藏元素的幾種方法該屬性隱藏元素，單元素在文檔流中仍占據(jù) CSS篇主要從CSS兼容、CSS3新特性、CSS選擇器、高頻屬性、高頻布局、高頻知識(shí)點(diǎn)、性能優(yōu)化等方面進(jìn)行歸納。如對(duì)HTML知識(shí)點(diǎn)感興趣，可移步至...

    ermaoL 評(píng)論0 收藏0

  • 前端知識(shí)點(diǎn)總結(jié)——CSS

    摘要：父元素沒(méi)有上邊框?yàn)樽釉卦O(shè)置上外邊距時(shí)在中嵌套一個(gè)子元素設(shè)置其尺寸為，并設(shè)置其背景顏色設(shè)置的上外邊距為觀察其結(jié)果。 前端知識(shí)點(diǎn)總結(jié)——CSS 1.CSS的概述 1.什么是CSS? CSS：Cascading Style Sheets層疊樣式表，級(jí)聯(lián)樣式表（簡(jiǎn)稱：樣式表） 2.作用 設(shè)置HTML網(wǎng)頁(yè)元素的樣式 3.HTML與CSS的關(guān)系 HTML：負(fù)責(zé)內(nèi)容的展示 CSS：負(fù)責(zé)內(nèi)容（元素）...

    nicercode 評(píng)論0 收藏0

  • css基礎(chǔ)

    摘要：在元素之后添加內(nèi)容控制表單控件的禁用狀態(tài)。生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣。 CSS display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系：它們都能讓元素不可見(jiàn) 區(qū)別： display:none;會(huì)讓元素完全從渲染樹中消失，渲染的時(shí)候不占據(jù)任何空間；vi...

    JinB 評(píng)論0 收藏0

  • 【css】常見(jiàn)問(wèn)題

    摘要：將元素顯示為內(nèi)聯(lián)元素，元素前后沒(méi)有換行符。我們知道內(nèi)聯(lián)元素是無(wú)法設(shè)置寬高的，所以一旦將元素的屬性設(shè)為，設(shè)置屬性和是沒(méi)有用的。這個(gè)屬性值融合了和的特性，即是它既是內(nèi)聯(lián)元素，又可以設(shè)置和。 CSS 中 inline 元素可以設(shè)置 padding 和 margin 嗎？ 行內(nèi)元素設(shè)置width,height無(wú)效。但是設(shè)置margin和padding是有效的。行內(nèi)非替換元素的外邊距不會(huì)改變一個(gè)...

    renweihub 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<