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

Question

我如何让一个 float: left div 表现得好像它没有被设置为“float: left”？

我想让 #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/

如果不是，我不明白你。 我正在做的小提琴，只改变 float:left 到 display:block

Answer 3

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

---

在不使用width属性的情况下，我知道的唯一方法是使用 flex。 您需要一个额外的div包装#newnavigator 和#content。