Question

css问题，内部的div不会随外层的div被拉伸而自动增加高度。

css问题，内部的div不会随外层的div被拉伸而自动增加高度。

内层的右侧和内层的下面两个层，是我分别用来放阴影图片的。当我最外层设置为固定高度时，显示正常，但内层里文字内容较多的情况下会超出整个层，如果设置外层设置百分比高度时，内层的左边整个层会随内容被拉伸，但右侧的就不会被拉伸了，下方的那两个层也会跑到最上面去，请问改如何写整个css。

因为我把css都写在行间了，所以没法把代码贴上来。请各位帮写个css样式。

Answer 1

给内层定个高度然后在写个：overflow: hidden;（超出部分隐藏）你试一下。

追问

因为内容是从数据库读出来的，每天只读当天的，条数不固定，有时候多，有时候少。做分页的话，估计最多也就两页，不合适。但如果让超出的部分隐藏的话，那不内容显示不全了。

追答

会有滚动条overflow:auto;你试一下

追问

谢谢，但这样也不太合适，因为层的高度本身就有个浏览器的滚动条。这样里面又有一个滚动条了。如图：

算了，我想别的办法吧。不行我就做分页算了。感谢。

谢谢，但这样也不太合适，因为层的高度本身就有个浏览器的滚动条。这样里面又有一个滚动条了。如图：

算了，我想别的办法吧。不行我就做分页算了。感谢。

追答

你如果不需要滚动条而数据不是很多的话右侧的图片可以做个填充，这样内容多的话也会被拉伸不变形，地步的图片可以用背景定位，定位到中间内容背景的底部，然后再给内容部分定个padding-bottom:..px;这个像素等于底部图片的高度，这样整体拉伸就不会变形了。

Answer 2

阴影背景还是用CSS3替代吧，这么搞会越搞越麻烦。

追问

可是那样的话有些浏览器会不显示。用那些滤镜也不行。

Answer 3

你设置了高度之后还要设置该列的宽度，当文字数量过多进就会自动换行增加高度了