這個(gè)位置不能把css撐大？怎么解決？<div?class="public-container?index-panel">
??<div?class="index-panel-header?clearfloat">
?????<h3>Featured?Dishes</h3>
?????<div?class="line"></div>
?????<div?class="btn-group">
????????<a?href=""?class="btn?active"></a>
????????<a?href=""?class="btn"></a>
????????<a?href=""?class="btn"></a>
????????<a?href=""?class="btn"></a>
?????</div>
??</div>
??<div?class="index-panel-body"></div>
</div>
.index-panel{
????margin-top:?200px;
}
.index-panel-header?h3{
????float:?left;
????margin-right:?48px;
????font-size:?20px;
????color:?#3b3b3b;
????font-weight:normal;
}
.index-panel-header?.line{
????float:?left;
????margin-top:?7px;
????width:?200px;
????border-top:?1px?solid?#e5e3e3;
}
.index-panel-header?.btn-group{
????font-size:?0;
????float:?right;
}
.index-panel-header?.btn{
????display:?inline-block;
????margin-left:11px;
????width:9px;
????height:9px;
????background:?#dedede;
????border-radius:?50%;
}
.index-panel-header?.btn-group?.active{
?????background:?#9b9b9b;
?}
2 回答
已采納
woshiajuana
TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊
問題看不明白，哪里沒撐開呀？
如果你貼的這段代碼撐不開DIV，那就是因?yàn)槟愕脑囟荚O(shè)置了float浮動(dòng)屬性，元素都脫離了文檔流，以至于撐不開
解決辦法：清除浮動(dòng)
寫一個(gè)樣式：
.clear:after{
? ?content: "";
? ?display: block;
? ?clear: both;
}
然后在<div?class="index-panel-header?clearfloat">中加入這個(gè)樣式
<div?class="index-panel-header?clearfloat clear">
注意是加入clear就可以了
添加回答
舉報(bào)
0/150
提交
取消