Javascript 在调整窗口大小时移动div需要帮助
这就是我基本html页面的布局，当我调整页面大小时，我想让我的内容div相对于浏览器窗口的大小移动，我在这个网站上找到了很多答案，但它们似乎都不起作用。非常感谢您的帮助Javascript 在调整窗口大小时移动div需要帮助,javascript,html,css,web,Javascript,Html,Css,Web,这就是我基本html页面的布局，当我调整页面大小时，我想让我的内容div相对于浏览器窗口的大小移动，我在这个网站上找到了很多答案，但它们似乎都不起作用。非常感谢您的帮助 <body> <header> </header> <div id="container"> <div class="content"> xyz <
<body>
<header>
</header>
<div id="container">
<div class="content">
xyz
</div>
</div>
<footer>
</footer>
</body>
如果您的意思是希望始终居中，则必须指定小于100%的宽度（px或%），否则容器将始终使用视口的全宽，因此没有理由“移动”。如果您的意思是始终居中，则必须指定小于100%的宽度（以px或%表示），否则容器将始终使用视口的全宽，因此没有理由“移动”。虽然您的问题很模糊，但我认为您是在询问在移动浏览器宽度时保留div的宽度。如果是这种情况，我建议在CSS中使用
宽度：100%；如果您正在寻找响应性web设计，则必须使用CSS3功能：
@media (max-width: 480px) {
.footer {
background-color: #fff;
}
}
虽然你的问题很模糊，但我认为你是在问当你移动浏览器的宽度时保留div的宽度。如果是这样，我建议你在CSS中使用
width:100%；如果您正在寻找响应性web设计，则必须使用CSS3功能：
@media (max-width: 480px) {
.footer {
background-color: #fff;
}
}
margin:0 auto 0 auto；/*Center content*/为什么？margin:0 auto enoughMove how？使用或不使用JavaScript？您尝试了哪些解决方案？它们如何不起作用？宽度为100%的
几乎不需要居中，是吗？我为这个模糊的问题道歉。我应该说清楚。因此页眉和页脚的大小可以适当调整恩，我调整了浏览器窗口的大小，但它的内容没有调整大小。我尝试了javascript解决方案，使用jquery基本上可以调整窗口的屏幕和高度，但没有效果。我正在寻找一些CSS建议。谢谢you@user1386101：要使内容居中，您需要将边距：0 auto
应用到#content
，不在#容器上
。margin:0 auto 0 auto；/*Center content*/为什么？margin:0 auto enoughMove怎么办？有没有JavaScript？你尝试过哪些解决方案？它们怎么不起作用？宽度为100%边距：0 auto#内容#容器