gpt4 book ai didi

jquery - HTML + CSS - 2 个可调整大小的 DIV

转载 作者:行者123 更新时间:2023-12-01 08:14:01 25 4
gpt4 key购买 nike

我有一个关于 HTML 和 CSS 的简单问题。我以为这很容易追踪,但事实证明这是一个相当大的挑战。本质上,我有 2 个并排的 DIV,一个是固定宽度的,一个是动态的。右边是一个固定宽度的 400px DIV,包含一些基本信息。左边的应该填满页面的其余部分。但有一个问题,我希望能够随时动态隐藏右侧的 DIV(使用 jQuery)并让左侧的 DIV 填充其空间。我知道有多种方法可以做到这一点,而且我已经知道其中几种。但我想在 jQuery 中尽可能少地进行 CSS 操作。这是我的一些示例代码。

<body>
<div id="right"></div>
<div id="left"></div>
</body>

<style type="text/css">
#left {
height: 100%;
margin-right: 400px;
}
#right {
float: right;
width: 400px;
height: 100%;
}
</style>

问题是右边距永久设置为 400px。因此,如果要重新调整右侧的大小(宽度为 0),则将保留 400 像素的边距。本质上,我需要左侧的边距,即右侧 div 的大小。

非常感谢任何帮助。

最佳答案

你不需要 margin-right: 400px

查看现场演示: http://jsfiddle.net/uxCpy/1/

关于jquery - HTML + CSS - 2 个可调整大小的 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11849324/

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