1、 overflow屬性的屬性值,父元素使用相對定位?
除非子元素全部是絕對定位的,否則只要有靜態子元素的寬度超過父元素的寬度就會撐開父元素。可以把父元素的寬度固定為100%(或100vw),并且把橫向overflow屬性設為hidden,這樣就不會被撐開了,即:width:100%;overflow-x:hidden
2、 div添加滾動條?
div 加滾動條的兩種方法:
一、
<div style=" overflow:scroll; width:400px; height:400px;”></div>
記住寬和高一定要設置噢,否則不成的
不過在不超出時,會有下面的滾動條,所以不是最好的選擇
二、
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
記住寬和高一定要設置噢,否則不成的
這樣比較好的是,在寬和高不超出時,只是一條線
三、說明
直接為div指定overflow屬性為auto即可,但是必須指定div的高度,如下:
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出現水平滾動條,則: overflow-x:auto
同理,垂直滾動條為: overflow-y:auto
如果該div被包含在其他對象例如td中,則位置可設為相對:position:relative
3、 如何解決body的overflow?
1、body加position:fixed; —-可行
2、給要滾動的元素添加一個父級,設定高度,overflow:auto;
3、html,body{height:100%;overflow:hidden}
后兩種沒有實驗 ,不知道可行不可行。
4、 bfc規則特性?
一,BFC產生規則
1、根標簽(body)
2、float的值不為none
3、overflow的值不為visible
4、display的值為inline-block
5、position的值為absolute或fixed
二,BFC的特性
1、垂直方向排列。(類似塊級特性)
2、BFC內部每個內部標簽都會與左邊界相接觸。(類似塊級特性)
3、屬于同一個BFC的兩個塊元素,垂直margin兄弟關系會折疊(正數以大值為準,有負數正常加減),父子關系會塌陷。
4、BFC區域不會與float的標簽區域重疊。
5、浮動的標簽也會被計算BFC高度。
6、BFC是獨立容器,內部標簽不會影響到外部標簽