gpt4 book ai didi

html - 等柱高

转载 作者:太空宇宙 更新时间:2023-11-03 19:22:09 24 4
gpt4 key购买 nike

我希望东西 div 向下延伸以匹配中心 div 的高度...可能吗?

非常感谢。

.con{
padding-left: 22px;
padding-right: 22px;
overflow: hidden;
}

.col{
position: relative;
float: left;
}

.west{
width: 7px;
right: 22px;
margin-left: -100%;
background: url(http://www.example.com/west.png) repeat-y;
padding: 0 0 0 15;
}

.east{
width: 7px;
margin-right: -22px;
background: url(http://www.example.com/east.png) repeat-y;
padding: 0 15 0 0;
}

.center{
width: 100%;
}


<div class="con">
<div class="center col">
Test Text<br/>
Test Text<br/>
Test Text<br/>
Test Text<br/>
</div>
<div class="west col">
</div>
<div class="east col">
</div>
</div>

最佳答案

您可以从此处针对纯 CSS 所做的工作开始: HTML/CSS: Making two floating divs the same height

或者使用 JavaScript 布局。

关于html - 等柱高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3006294/

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