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

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

无限精彩

2016-01-11 16:47

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

写回答 关注

6回答

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

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

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

    无限精彩

    谢谢

    2016-01-11 17:10:53

    共 1 条回复 >

  • 烜烜
    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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题