HTML/CSS溢出問題

2012-09-20 109 views 2 likes

第二（黃色）的例子是佈局IM瞄準，因爲我很高興爲灰元素完全溢出它的容器，但設置width:99999px;是一個'哈克「的方法。

灰色方塊上的設置position:absolute也會得到所需的效果，但是它會移除下一個元素的間距，並且我無法爲此元素設置height屬性。

有沒有更好的解決方案？

編輯：澄清：我想它的行爲完全一樣width:99999px版本，但沒有設置width:99999px，因爲我覺得這是一個哈克的方法。

2012-09-20 maxp

目前尚不清楚你在找什麼。灰色方塊應該只有一行文本，還是應該換行多行？它是否應該始終貫穿整個頁面，還是應該儘可能的寬廣？ –

@RoddyoftheFrozenPeas，已澄清有問題:) – maxp

因此，灰色的div應該變得儘可能的寬，以適應它裏面的文本，並將其全部顯示在一行上？ –

回答

我不確定我是否完全理解你的問題。但如果您正在尋找不同的方式來做同樣的事情，請查看：http://jsfiddle.net/7xVAu/15/。

使用％的s如jsfiddle和使用position:relative;。正如你所看到的，它具有相同的效果，但％取決於容器的大小，這是一個更大的好處。如果你調整黃色容器的寬度，灰色的容器也會調整，同時仍然溢出黃色框:)也可以讓你調整高度而沒有任何問題！

希望這有助於。

2012-09-20 14:36:20

也許東西like this其中的文字是浮動的？

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

我不確定我是否理解了這個問題。

2012-09-20 14:43:12

相關問題