                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

為什么不用父div overflow：hidden？

左右都是float 左邊設(shè)置了height 350px 如果右邊不設(shè)置height 給它們的父div設(shè)置overflow hidden有沒有用？

07:26

iamjessie

2016-02-17

源自：企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 4-2

關(guān)注問題我要回答

1449

操作

收起

1 回答

jyzeng 回答被采納 +3 積分
2016-02-17

可以寫代碼測試一下，我修改了一下我寫的，是可以的

.news_list{
float:?left;
display:?inline;
border:?1px?solid?#E8E8E8;
overflow:?hidden;
}

<div?class="news_list"?style="width:?790px;">
?????<div?class="title"?style="border-bottom:?2px?solid?#CC0000;">
???????????<h3>新聞中心</h3>
??????</div>
??????<div?class="artical_list">
????????????????????????<ul>
????????????????????????????<li><a?href="#">【慕客訪談?用戶篇】“有為屌絲”在路上</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書信</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">《程序猿，請曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????????<li><a?href="#">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-06-01</span></li>
????????????????????????</ul>
????????????????????</div>