如題！??！常常碰到子級大于父級的情況，這時(shí)想隱藏就要用overflow:hidden但是具體要注意哪些呢？什么時(shí)候能用什么時(shí)候不能用？
1 回答
Ryn_xiao
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超2個(gè)贊
overflow:hidden; 代表隱藏滾動(dòng)條，包括橫向滾動(dòng)條與豎向滾動(dòng)條。當(dāng)給父容器設(shè)置了特定高度的情況下，子容器超出父容器高度，會(huì)進(jìn)行隱藏。想要出現(xiàn)滾動(dòng)條可以設(shè)置：overflow:auto;或者單獨(dú)設(shè)置，overflow-x:auto;overflow-y:auto;
overflow:hidden; 還可以創(chuàng)建上下文塊級作用域，可以清除浮動(dòng)。例如：
div.wrapper?{
????border:?1pxsolid#ccc;
????width:?200px;
????padding:?10px;
????overflow?:?hidden;?//?創(chuàng)建塊級格式化上下文，包含浮動(dòng)元素
????//?display?:?inline-block;???//?這里也可以設(shè)置這個(gè)屬性，達(dá)到同樣效果
}
?
div.box?{
????width:?50px;
????height:?50px;
????border:?1pxsolid#ccc;
}
?
div.box1?{
????float?:?left;
}
?
div.box2?{
????float:right;
}<divclass="wrapper"> ????<divclass="box?box1"></div> ????<divclass="box?box2"></div> </div>
-
麻布仔太給力了?。?！ 我主要看第二個(gè)作用
添加回答
舉報(bào)
0/150
提交
取消