-
判斷元素是否滾動到底部
元素滾動到底部時，它的 scrollHeight - scrollTop 等于 clientHeight。-
scrollHeight只讀的元素全部高度，包括overflow: hidden隱藏掉的部分 -
scrollTop元素頂部的滾動距離 -
clientHeight只讀的元素內部的高度，不包括overflow: hidden隱藏掉的部分
-
-
左右兩欄布局，左側定寬，右側隨窗口大小縮放
1. body flex，.left width 200px，.right flex-grow=1 2. 兩欄均float left，.left width 200px，.right寬度 calc(100% - 200px) 3. 兩欄均position absolute，.left width 200px; left 0，.right right 0; left 200px -
三欄布局，左右定寬中間自適應
1. 左右float 中間width calc（或設置左右margin） 2. flex 中間 flex-grow 1 3. absolute 中間設置left和right（或設置左右margin） 左邊設left和width 右邊設right和width -
子元素在父元素內雙向居中
/* 1 - 父元素flex */ display: flex; align-items: center; justify-content: center; /* 2 - 子元素絕對定位 */ display: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -
BFC 塊級格式上下文
在這種布局方式下，盒子們自所在的containing block頂部一個接一個垂直排列，水平方向上撐滿整個寬度（除非內部盒子自己建立了新的BFC）。兩個相鄰的BFC之間的距離由margin決定。在同一個BFC內部，兩個垂直方向相鄰的塊級元素的margin會發生“塌陷”。 一、觸發條件： float屬性不為none overflow不為visible(可以是hidden、scroll、auto) position為absolute或fixed display為inline-block、table-cell、table-caption 二、可解決的問題： 1. 清除內部浮動 我們在布局時經常會遇到這個問題：對子元素設置浮動后，父元素會發生高度塌陷，也就是父元素的高度變為0。解決這個問題，只需要把把父元素變成一個BFC就行了。常用的辦法是給父元素設置overflow:hidden。 2. 垂直margin合并 在CSS當中，相鄰的兩個盒子的外邊距可以結合成一個單獨的外邊距。這種合并外邊距的方式被稱為折疊，并且因而所結合成的外邊距稱為折疊外邊距。 3. 創建自適應兩欄布局
CSS題
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
