                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

请问下，盒模型里的内容为什么会从底部溢出？

无限精彩

2016-01-11

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

731

操作

收起

6 回答

sunyaox 回答被采纳 +3 积分
2016-01-11

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

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

0 回复有任何疑惑可以回复我~

#1

无限精彩提问者

谢谢

2016-01-11 回复有任何疑惑可以回复我~

烜烜
2016-01-13

overflow（溢出）

visible （可见）默认值。内容不会被修剪，会呈现在元素框之外。

hidden （隐藏）内容会被修剪，并且其余内容是不可见的。

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

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

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

题主可以试试 overflow:scroll

1 回复有任何疑惑可以回复我~

罗坚元
2016-01-11

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

0 回复有任何疑惑可以回复我~

无限精彩提问者
2016-01-11

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

0 回复有任何疑惑可以回复我~

无限精彩提问者
2016-01-11

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

0 回复有任何疑惑可以回复我~

sunyaox
2016-01-11

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1226046 人
解答问题 18236 个

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

本课相似问答

3 回答盒子模型内容溢出

3 回答关于盒模型内容居中显示

2 回答盒子模型内容的理解

3 回答关于盒模型

1 回答关于盒模型

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载