Html 如何隐藏侧边栏并阻止div容器包装？

我有一张图片和一个侧边栏

内容

老实说，你应该使用一个响应网格来实现这一点，Twitter的bootstrap有一个非常清晰的方法来实现你想要的行为，但是有很多方法

你可以使用

window.onresize = function(event) {
    if(document.body.cilentwidth < 1020) 
      document.getElementById('sidebar').style.visibility = 'hidden';
    else
       document.getElementById('sidebar').style.visibility = 'visible';
}

window.onresize=函数（事件）{
如果（document.body.cilentwidth<1020）
document.getElementById（'sidebar'）.style.visibility='hidden'；
其他的
document.getElementById（'sidebar'）。style.visibility='visible'；
}

---

javascript中的resize事件，检查现有窗口的宽度并根据其进行调整，然后使用

document.getElementById（'sidebar'）.style.visibility='hidden/visible'

根据您的要求隐藏/显示div。

我已经实现了您的建议。侧边栏是隐藏的。但是，每当我调整窗口大小时，侧边栏中仍然有一个空窗口。我已经尝试过visibility=collapse，但效果相同。使用

document.body.cilentwidth

进行宽度比较。看，我已经编辑了我的答案。