Design 管理的鳥事

關於部落格
設計管理,溝通管理
  • 125092

    累積人氣

  • 8

    今日人氣

    0

    訂閱人氣

解決 float:left 走樣問題更簡單 使用 CSS 新屬性 display: flow-root

float: left 到底有多麻煩,能使整個版面走樣?看看以下例子便知道了。

 

 

 



 

 

 
item
 

Text in container

 

Text outside container

 

 

 

不過 clearfix 的方法亦有很多種。其中一種是在 .container 加入 overflow: hidden,另一種則是在 .container 加入 :after,並將之設定 content:””; display:block; clear:both; 。

而在將來,開發者再不用使用 clearfix 這種取巧(CSS-hack)的方法了,因為我們可以直接在承載 float 元素的容器中( .container)採用 display:flow-root,效果跟 clearfix 一樣但更簡單。

文章出處:https://unwire.pro/2017/04/29/css-display-flow-root/marketing/

 

相簿設定
標籤設定
相簿狀態