-
滾動條設(shè)置
查看全部 -
overflow與BFC
為什么：
加了clear：both
加了clear：both
加了clear：both無變化
查看全部 -
滾動條出現(xiàn)的條件
chrom瀏覽器的padding-bottom不缺失，其他都會缺失
overflow：auto出現(xiàn)滾動條容易破壞布局、水平居中跳動問題
查看全部 -
overflow：
visible：超出范圍也顯示
hidden：超出范圍隱藏
scroll：超出范圍出現(xiàn)滾動條
auto：超出范圍出現(xiàn)滾動條
inherit：不常用
overflow-x 、overflow-y：如果overflow-x和overflow-y二者的值相同，等同于overflow； 如果二者值不同，其中一個被賦予visible；另一個被賦予auto，hidden，scroll，其中visible會被重置為auto。?
overflow起作用的前提：
查看全部 -
如果overflow-x 、overflow-y相同，則等同于overflow
如果不同，其中一個為visible 另外一個auto hidden scroll
則visible 會重置為auto查看全部 -
overflow作用的前提
查看全部 -
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> <style type="text/css"> button{ resize:both; } .box{ width:200px; height:100px; overflow:hidden; text-align:center;margin-left:8px;} #one {font-size:5em; ?background:#ccc; width:200px; height:100px; text-align:center;} #two {font-size:5em; ?background:#f00; width:200px; height:100px; text-align:center;} #three {font-size:5em; ?background:#0f3; width:200px; height:100px; text-align:center;} #four {font-size:5em; ?background:#ff3; width:200px; height:100px; text-align:center;} a{ text-decoration:none; } </style> </head> <body> <div class="box"> <div id="one">1</div> <div id="two">2</div> <div id="three">3</div> <div id="four">4</div> </div> <div> <button><a href="#one">按鈕1</a></button> <button><a href="#two">按鈕2</a></button> <button><a href="#three">按鈕3</a></button> <button><a href="#four">按鈕4</a></button> </div> </body> </html> 查看全部 -
resize 拉升靠overflow:hidden
查看全部 -
倆欄自適應(yīng)布局
查看全部 -
bfc屬性的特性
查看全部 -
避免margin穿透
查看全部 -
清除浮動寫法
查看全部 -
水平居中 有無滾動欄
查看全部 -
ie7瀏覽器使用overflow:visible使按鈕空白正常
查看全部 -
用錨點(diǎn)加overflow實現(xiàn)“選項卡”技術(shù)
查看全部 -
錨點(diǎn)可以用來快速定位
查看全部 -
錨點(diǎn)定位的本質(zhì)是改變?nèi)萜鞯臐L動高度
查看全部 -
錨點(diǎn)會定位對應(yīng)id的元素
查看全部 -
文本域自帶overflow：auto，所以resize可以起作用
查看全部 -
絕對定位的元素當(dāng)overflow在絕對定位元素及其包含塊之間的時候不會被裁剪
查看全部 -
絕對定位的元素不會受到overflow的限制
查看全部 -
兩欄自適應(yīng)布局常用寫法
查看全部 -
設(shè)置浮動元素的margin-right來撐開間距
查看全部 -
設(shè)置了overflow的scroll、auto、hidden之后，外部容器為BFC，可以不受內(nèi)部元素浮動的影響
查看全部 -
BFC（塊級格式化上下文），內(nèi)部的任何狀態(tài)都不會影響外部
查看全部 -
實際開發(fā)常用的滾動條屬性
查看全部 -
滾動條是會占據(jù)容器尺寸，原本布局可能會受到滾動條的影響
查看全部 -
overflow的padding-bottom只在chrome瀏覽器下會出現(xiàn)，其他瀏覽器沒有
查看全部
舉報