Div繼續無盡地向右

我得到了以下問題。Div繼續無盡地向右

我有類似這樣的jsfiddle設計：

http://jsfiddle.net/k3EUx/

我想股利endless繼續無休止的權利，就像如果你使用的是寬度100％。問題在於它的左側應該有一個徽標，所以我不能使用該屬性。有沒有辦法做到這一點，而不只是製作一個真正寬的股利，並把它放在絕對位置？

我需要這個，因爲網站本身是1008px寬，但菜單只是繼續向右，所以如果你有一個大屏幕（比如1080），這將自動擴展。

（我假設你必須把包裝外的格，但我不知道從哪裏開始，使這項工作）

來源

2011-11-28 OptimusCrime

兩個div用'浮動：left'和'浮動：right'在同一容器將__not__工作，漂浮在雙方都沒有可能。簡單地從無盡的移除浮動屬性，並將菜單移出包裝，它應該工作（據我瞭解你的問題）。 – Viruzzo

我厭倦了將div從包裝中移出，就像你所說的那樣，並將寬度應用爲100％。問題在於徽標和菜單不會並排浮動。請參閱：http://jsfiddle.net/k3EUx/10/（@Viruzzo） – OptimusCrime

「刪除無限的浮動屬性」，該部分是必不可少的。 – Viruzzo

你在找什麼因爲是液體/固定佈局（如果您想要一些額外的例子，您可以通過谷歌這些條款）。

你可以嘗試這樣的CSS：

#header 
{ 
    height: 50px; 
    background-color: #666; 
    margin-bottom: 10px; 
} 

#nav 
{ 
    float: left; 
    width: 180px; 
    height: 150px; 
    background-color: #999; 
    margin-bottom: 10px; 
} 

#content 
{ 
    margin: 0 30px 10px 210px; 
    height: 150px; 
    background-color: #999; 
} 

#footer 
{ 
    clear: both; 
    height: 50px; 
    background-color: #666; 
    margin-bottom: 10px; 
}

找到here

來源

2011-11-28 13:14:46 JMax

我一直在閱讀你的文章，並發現在這裏工作的東西：http：//www.maxdesign.com.au/articles/liquid/liquid-sample2/。親自查看：http://jsfiddle.net/k3EUx/11/。祕訣是在無盡的div上沒有浮動，並刪除float-right屬性。非常感謝。 – OptimusCrime

很高興你最終弄明白了。感謝您在評論中發佈更新的鏈接。 – JMax

骯髒的修復：

#endless { 
    position: absolute; 
    left: 99px; 
    right: 0; 
}

來源

2011-11-28 13:09:05

是的，這就是我解決以前的類似問題的方法。我希望這次避開它。 – OptimusCrime

我明白了什麼：

你需要有DIV ID- 「沒完沒了」，使其覆蓋整個包裝的寬度。

如果我已經明白這個問題好了，你可以參考這個：http://jsfiddle.net/k3EUx/6/

來源

2011-11-28 13:18:14 Kangkan

我需要div id'endless'來在右側填充屏幕100％。如果你在一個元素上設置寬度爲100％，它將從一邊到另一邊填滿整個屏幕。我可以使用它，問題在於菜單隻位於屏幕的右側，左側標有寬度。 – OptimusCrime

我不明白。您可以添加描繪結構的圖像。 – Kangkan

Div繼續無盡地向右

回答

相關問題