使用div+css布局时候,布局好之后,在里面插入内容后,布局自动被撑开了,就对不齐了?该怎么修改?

2024-12-19 15:33:40
推荐回答(4个)
回答1:

样式里面限制了width 和 height 的话,如果插入的内容宽度或者高度超过这个限制,就会撑开。

或者你给里面加个overflow:hidden; 这样插入的内容超出部分自动隐藏。
要么宽定义一下,高度auto。一般都是高度超出,宽度能自动换行。

回答2:

你可以在块中设置一个滚动条,就可以对其了,关键是你的高太底了,可能你只是测试下,如果遇到这用类似问题,可以用滚动条就用,不能用了就加个详细页面,可以点击进去的就好!还是你之前的css 给你看下,不知道对你有没有帮助哈!

#dg1 #side1 {
width: 254px;
height: 105px;
background-color: #00FFCC;
float: left;
overflow:auto;
}

回答3:

你每个div都给它加width和hight,而且每个div并不是按照对齐的方式来设计,当然对不齐了。高和宽是根据需要来加的,不是说每个div都需要,定死了的div和table有什么区别。最好用自适应高宽,代码简洁,又好控制

www.w3school.com.cn

回答4:

把楼主的代码放到浏览器里看了一下,似乎楼主希望建一个3列布局,但是楼主在#side1,#side2-#s2,#side3的样式中都固定了height,这是比较奇怪的地方,固定了高度,当文字长度超过时就会出问题的,其实可以直接把这4个DIV的高度限制去掉就行了,就不会出现撑开货不对其的问题。

建议楼主Google“3栏布局”,学习下。