gpt4 book ai didi

html - 在浏览器调整大小时限制 div 的大小调整

转载 作者:可可西里 更新时间:2023-11-01 13:14:55 26 4
gpt4 key购买 nike

我有一个网站,其布局如下所示:

enter image description here

主要内容的css如下:

.home {margin:178px 0 0 100px;width:800px;padding:0 10px 0px 10px;float:left;height:auto!important;height:310px;min-height:310px;}

问题是每当我调整浏览器大小时,主要内容 div 而不是停留在那里并且浏览器获得水平滚动条自动向下移动。

如果我将浏览器的大小调整回原来的大小,主 div 甚至都不会回到原来的位置。我该如何纠正这个问题?

最佳答案

container div 中添加两个元素(左,右),并为该容器指定一个 min-width

<head>
<style type="text/css">
body {
min-width:750px;
min-height:500px;
}
div.container {
min-width:600px;
min-height:450px;
}
div.left, div.right {
min-height:400px;
}
</style>
</head>
<body>
<div class="header"></div>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</body>

关于html - 在浏览器调整大小时限制 div 的大小调整,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11964927/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com