1. 首頁
  2. 問答
  3. 如何在CSS中水平拉伸float div？

如何在CSS中水平拉伸float div？

2015-07-02 76 views
-2

我該如何讓float：left div的行爲像沒有設置爲「float：left」一樣？如何在CSS中水平拉伸float div？

我想讓#content水平延伸到網站的末端，而不設置特定的寬度。完全像在這裏可以看到的頁腳。 [https://jsfiddle.net/mcvcqzp0/1/]

謝謝！

來源

2015-07-02 Horvath Alteisen

+2

歡迎來到Stack Overflow！尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤，以及在問題本身中重現它的最短代碼** NB - **請不要不要濫用代碼塊來解決這個需求**。 –

回答

0

如果我理解正確的，你想要做這樣的事情：https://jsfiddle.net/mcvcqzp0/19/

---

不使用寬度財產的唯一我知道的方式是使用flex。您需要額外的div環繞#newnavigator和#content。

來源

2015-07-02 12:49:26 blonfu

+0

確切！謝謝大家的幫助，這正是我想要的 –

0

您可以將元素的寬度設置爲100％，因此它將堅持父元素的寬度。 你的情況：

http://jsfiddle.net/mcvcqzp0/1/1/

集

#newnavigator { 
width:100%; 
}

來源

2015-07-02 11:26:25

+0

哦對不起，我知道我忘記了一些東西，我在談論#content div –

0

你想到這樣的事情？

#content { display:block }

http://jsfiddle.net/mcvcqzp0/13/

如果沒有，我不明白你。 我在做什麼的小提琴，只改變浮動：左爲display：block

來源

2015-07-02 11:43:45

+0

正如你可以看到#newnavigator是一個導航器，並且#content是稍後顯示內容的地方，但由於某些原因#content div沒有拉伸直到窗口的末尾像頁腳一樣，我想解決這個問題。 一個小例子在jsfiddle中調整結果窗口的大小，並且在保持邊距的同時動態地看到頁腳寬度變化，並且我希望#content的行爲相同 –

+0

您是否看到我的小提琴？我再次複製你：http：//jsfiddle.net/mcvcqzp0/13/ –

+0

＃內容正在伸展，就像我想要的，但現在#newnavigator是在＃內容，我希望它外paralel #content。 對不起，我不是很擅長用英文描述問題 –

相關問題

 相關問題