如何在CSS中水平拉伸左侧div？

Question

如何让float：left div表现得像没有被设置为＆＃34; float：left＆＃34;？

我想让#content水平拉伸到网站的末尾，而不设置特定的宽度。完全像在这里可以看到的页脚。 [https://jsfiddle.net/mcvcqzp0/1/]

谢谢！

Answer 1

您可以将元素的宽度设置为100％，因此它将粘贴到父元素的宽度。 在你的情况下：

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

设置

#newnavigator {
width:100%;
}

Answer 2

你有没有想到这样的事情？

 #content { display:block }

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

如果没有，我不理解你。 我在小提琴中所做的只是改变浮动：左边显示：阻止

Answer 3

如果我理解正确你想做这样的事情：https://jsfiddle.net/mcvcqzp0/19/

---

不使用 width 属性我知道的唯一方法就是使用flex。你需要一个额外的 div 包装#newnavigator和#content。