给定此布局:
http://jsfiddle.net/7xVAu/
第二个(黄色)示例是布局im的目标,因为im很高兴灰色元素完全溢出它的容器,但是设置width:99999px;是一种“黑”方法。
在灰色框上设置position:absolute也会得到所需的效果,但是它将删除下一个元素的间距,并且我无法为此元素设置height属性。
有更整洁的解决方案吗?
编辑:为了澄清:我希望它的行为与width:99999px版本完全一样,但不设置width:99999px,因为我觉得这是一种老套的方法。

最佳答案

我不确定我是否完全理解你的问题。但如果你想用不同的方法来做同样的事情,那就来看看这个:http://jsfiddle.net/7xVAu/15/
jsfiddle中使用%并使用position:relative;。如您所见,它提供了相同的效果,但百分比取决于容器的大小,这是一个更大的好处。如果您调整黄色容器的宽度,灰色的容器也会调整,同时仍然溢出黄色框:)它还允许您调整高度没有任何问题!
希望这有帮助。

10-07 23:20