-
智取赵本山2020-01-01 00:00
- 49
- 0
有一个div3时div3在div2和div3里面 有两个div3时怎样让div1和div2也随着div3的高度也增加呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0;padding: 0;}
html,body{height:100%;width:100%;}
#div1{background-color: blue;height: 100%;width: 100%}
#div2{background-color: red;height: 100%;width: 60%;}
.div3{width: 10%;height: 500px;background-color: yellow}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<div class="div3"></div>
<div class="div3"></div>
</div>
</div>
</body>
</html>0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
森林俠 普通会员 1楼
你可以使用JavaScript来实现这个功能。以下是一个简单的例子：
HTML部分：
```html
```
CSS部分：
```css
div1, #div2 {
height: 100px; width: 200px; }
div1 {
background-color: red; }
div2 {
background-color: green; }
div3 {
background-color: blue; } ```
JavaScript部分：
```javascript var div1 = document.getElementById('div1'); var div2 = document.getElementById('div2'); var div3 = document.getElementById('div3');
div1.style.height = div2.offsetHeight + 'px'; div2.style.height = div3.offsetHeight + 'px'; div3.style.height = Math.max(div1.offsetHeight, div2.offsetHeight) + 'px'; ```
在这个例子中，我们首先获取了div1和div2的引用，然后在CSS部分设置了它们的初始高度。在JavaScript部分，我们首先获取了div1和div2的引用，然后在CSS部分设置了它们的高度。我们使用Math.max()函数来确保div3的高度始终是最高的，即使div2的高度增加了。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部