2

鉴于此布局:http: //jsfiddle.net/7xVAu/

第二个(黄色)示例是我的目标布局,因为我很高兴灰色元素完全溢出它的容器,但是设置width:99999px;是一种“hacky”方法。

在灰色框上进行设置position:absolute也将获得所需的效果,但是它将删除下一个元素的间距,并且我无法height为该元素设置属性。

有没有更简洁的解决方案?

编辑:澄清:我希望它的行为与width:99999px版本完全相同,但没有设置width:99999px,因为我觉得这是一种 hacky 方法。

4

2 回答 2

0

我不确定我是否完全理解你的问题。但是,如果您正在寻找一种不同的方式来做同样的事情,请查看:http: //jsfiddle.net/7xVAu/15/

jsfiddle中使用 %'s并使用position:relative;. 如您所见,它给出了相同的效果,但 % 取决于容器的大小,这是一个更大的好处。如果您调整黄色容器的宽度,灰色容器也会调整,同时仍会溢出黄色框:) 它还允许您毫无问题地调整高度!

希望这有帮助。

于 2012-09-20T14:36:20.873 回答
0

也许像这样的文本浮动?

style="background:#777; margin:0 9px 9px 9px; float:left; white-space:nowrap; height:40px;"

我不确定我是否理解了这个问题。

于 2012-09-20T14:43:12.923 回答