关于overflow的问题

来源:5-1 CSS margin负值定位

SakrA_T

2016-10-30 18:27

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

写回答 关注

3回答

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

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

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

    父容器宽度为:1200 < 1220 

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

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

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

    SakrA_...

    非常感谢!

    2016-11-09 15:41:25

    共 1 条回复 >

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

    清除浮动

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

    移除元素

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题