我真的希望你能帮助我.
我创造了这个小提琴来展示我正在尝试做的事情.
我的问题是:如何拉伸两个div元素来填充可用的水平空间？
正如你所看到的,有5个div元素串在一起,由div元素包裹,我将背景颜色和宽度设置为100%.
有三个div元素,宽度为50px.
其他两个div元素的宽度应该填充到剩余的可用空间,它们应该具有相同的宽度 - 对于两个div中的每一个都> 50%.
我的问题是,这两个div元素的50%相当于100%的总宽度.而不是可用的空间宽度.
我试图不使用表格等
如果有不清楚的地方,请告诉我.
编辑: 我想听听你对这种方式的评论.
小智 5
解决这个问题的一种方法是将你的div视为表格的单元格.表格的一个独特属性是,无论您给出的宽度是多少,单元格都将填充表格的宽度.通过给一些单元格宽度,其他单元格将填充剩余空间.通过使用display:table,display:table-cell您可以利用这一点,而无需更改您的HTML.看看这个例子:
我没有对此进行测试,但它应该适用于所有"当前"浏览器.它应该在IE8 +中工作,但可能在IE7中不起作用,当然不能在IE6中工作.
| 归档时间： |
|
| 查看次数： |
6777 次 |
| 最近记录： |