clear偽類使用

2022-02-24 09:36:14 字數 1169 閱讀 5902

都知道float會脫離文件流  用什麼辦法撐開父元素呢? 手動在本區塊的所有float元素之後加上乙個塊元素並對其新增clear:both

可以 但是這樣還要再去修改html頁面  而且多了乙個僅僅是為了控制布局卻沒有實際表現意義的元素  不好..

將float的父元素也設定為float  這樣會導致更深的問題

將父元素設為overflow:hidden 很不錯的辦法 推薦!  但是我希望內部的元素能夠超出 怎麼弄呢?

用偽類!只需要修改css  就能向html中新增乙個元素啦!

偽類的使用

優點 1.不會增加js的dom負擔 2.不會增加瀏覽器對html的解析,加快瀏覽器載入html 3.對seo很有幫助 注意 img input 不能有偽類 表單 focus 事件的使用 input focus div invalid 配合h5正則表單驗證 input type email inval...

css hover偽類的使用

hover的使用,即當滑鼠指標移入元素時,所做出的樣式設定 doctype html html lang en head meta charset utf 8 title demo01 title style ul li ul li hover style head body ul li li li...

全部偽類和使用

link 未訪問的鏈結 visited 已經訪問的鏈結 hover 滑鼠停留時候鏈結 active 啟用鏈結時候 focus 指當前擁有輸入焦點的元素,因為a元素可以被tab鍵選中聚焦,所以focus也適用a元素。如果不想元素被選中可以tabindex調整tab選中的順序 案件使用注意 hover必...