问答详情
源自:5-1 CSS margin负值定位

关于overflow的问题

想问一下,这里为什么要设置overflow:hidden;感觉这个好像很常见,不懂为什么,求教?

提问者:SakrA_T 2016-10-30 18:27

个回答

  • m慕光
    2016-11-08 21:21:18
    已采纳

    overflow:hidden;意思为当内容宽高大于父容器宽高,超出的部分就会被隐藏。

    本题中内容宽度为:(386.66+20)* 3 = 1220

    父容器宽度为:1200 < 1220 

    所以这里如果不加overflow:hidden;则父容器无法在一行中容纳所有的内容,最后一个div元素会换行显示;

    但是如果你加overflow:hidden;内容超过父容器的部分可以被隐藏,即可做到一行显示。

    这里不设置也没关系是因为有一句margin-right:-20px;

  • 慕粉2138258385
    2017-05-18 15:44:45

    清除浮动

  • 无情过客
    2016-10-30 18:40:52

    移除元素