为什么不用父div overflow:hidden?

来源:4-2 企业网站内容展示区制作

iamjessie

2016-02-17 13:41

左右都是float 左边设置了height 350px 如果右边不设置height 给它们的父div设置overflow hidden有没有用?

写回答 关注

1回答

  • jyzeng
    2016-02-17 16:39:02
    已采纳

    可以写代码测试一下,我修改了一下我写的,是可以的

    .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="#">【有奖活动】给父亲的三行书信</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>
                                <li><a href="#">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a><span>2014-06-01</span></li>
                            </ul>
                        </div>


    iamjes...

    非常感谢!

    2016-02-27 17:05:59

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题