问答详情
源自:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

关于盒模型内容底部溢出不解!

请问下,盒模型里的内容为什么会从底部溢出?http://img.mukewang.com/56936cd60001522901690211.jpg

提问者:无限精彩 2016-01-11 16:47

个回答

  • sunyaox
    2016-01-11 16:54:23
    已采纳

    不好意思,第一次回复,页面没有加载出来,

    这种溢出是正常,因为div的宽度和高度已,确定。所以div的大小不会因为内容的增加而自动改变宽度和高度

  • 烜烜
    2016-01-13 16:10:58

    overflow(溢出)

    visible (可见)    默认值。内容不会被修剪,会呈现在元素框之外。    

    hidden  (隐藏)  内容会被修剪,并且其余内容是不可见的。    

    scroll  (滚动)  内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。    

    auto   (自动) 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。    

    inherit  (继承)  规定应该从父元素继承 overflow 属性的值。


    题主可以试试 overflow:scroll   


  • 罗坚元
    2016-01-11 17:02:46

    你把固定高度去掉就好了,这样就是内容的高度了

  • 无限精彩
    2016-01-11 16:58:03

    感谢大家的回答,但大家目前的答案还是不完善!

  • 无限精彩
    2016-01-11 16:54:28

    为什么上左右都没有溢出呢?

  • sunyaox
    2016-01-11 16:50:46

    你输入的是 英文字符吧!用汉字试试