Html 带浮动的动态1或2列布局

我有个问题，我想不出来

我有两个div：侧边栏（30%）和内容（70%）

我的HTML和CSS如下所示：

HTML

<div id="main">
<div id="content"></div>
<div id="sidebar"></div>
</div>

根据内容或页面，不包括#侧边栏。在这种情况下，我希望满足于100%，而不是70%

有没有办法实现这一点

---

谢谢

我看到的唯一纯CSS解决方案是使用不同的视口。例如，如果您不想在手机上看到侧边栏，请使用设置第二个样式表

#content{width:100%}
#sidebar{display:none}

---

否则，将备用CSS集成到您正在使用的任何服务器端系统中，或者如果您需要使用

标记，则在标题中将其隐藏。

在什么情况下不需要侧边栏编辑将更容易使用服务器端代码将类似“no sidebar”的类添加到您的body标记中（如果你正在编写纯HTML，甚至可以手动添加它）并以此为基础编写样式。如果没有这两种方法中的一种，就没有可靠的方法可以做到这一点。谢谢，我根据你的想法更改了页面类。好的，我使用了你的第二个建议，就像Dan已经建议的那样

#content{width:100%}
#sidebar{display:none}