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

如何让float:left div表现为未设置为“float:left”

我想让#内容水平延伸到网站的末端，而不设置特定的宽度。与这里可以看到的页脚完全相同<代码>[https://jsfiddle.net/mcvcqzp0/1/]

---

谢谢

您可以将元素的宽度设置为100%，这样它将保持父元素的宽度。 就你而言：

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

设置

---

你期待这样的事情吗

 #content { display:block }

如果不是，我不明白你的意思。

---

我在fiddle中所做的只是将float:left更改为display:block

如果我理解正确，您希望执行以下操作：

---

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

欢迎使用Stack Overflow！寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。注意-请不要滥用代码块来绕开这个要求。哦，很抱歉，我知道我忘了一些东西，我说的是#content div，因为你可以看到#newnavigator是一个导航器，#content是稍后显示内容的地方，但是由于某种原因，#content div没有像页脚那样一直延伸到窗口的末尾，我想解决这个问题。一个小示例在JSFIDLE中调整结果窗口的大小，您可以看到页脚宽度在保持页边空白的同时动态变化，我希望#内容的行为与我希望的一样，现在内容正在拉伸，但现在#newnavigator位于#内容中，我希望它在与#内容平行的外部。对不起，我不太擅长用英语描述这样的问题。。。。我建议你改变结构，因为它设计得不好。没错！谢谢你们的帮助这正是我想要的

 #content { display:block }

---