gpt4 book ai didi

html - Div 的高度 : 100% does not work

转载 作者:太空宇宙 更新时间:2023-11-04 03:30:04 26 4
gpt4 key购买 nike

我创建了一个两列布局。 Here is the jsfiddle.net .我的问题是我希望中心宽度为 10px 的线具有 100% 的高度。我创建了一个容器 div,其 ID 为 #obal(height: auto)。如果我将 #cara .inner 的高度设置为 100%,中心线就会消失。我有什么零钱?

感谢回复。

最佳答案

这里的问题似乎是当您设置 #cara 时。内部高度为 100% 它占据了它的父容器的全高 - #cara 在这种情况下是 0px;

解决方案可能如下所示:

#obal {
margin: 10px;
height: 200px;
}
#obal #cara {
position: relative;
float: left;
left: -20px;
height: 100%;
}
#cara .inner {
position: absolute;
height: 100%;
width: 10px;
float: left;
background: #336;
}
div#prvni {
float: left;
margin: 0px 30px;
width: 120px;
height: 100px;
background: #ff3322;
font-size: 0.95rem;
overflow: hidden;
}
div#prvni .inner, div#druhy .inner{
padding: 10px;
}
div#druhy {
width: 120px;
height: auto;
background: #393;
font-size: 1rem;
overflow: hidden;
float: left;
}
<div id="obal">
<div id="prvni">
<div class="inner">Prvni cast text neni sice nejsilnejsi, ale spisovatel se snazi popsat dulezite body jeho navstevy
</div>
</div>
<div id="cara">
<div class="inner"></div>
</div>
<div id="druhy">
<div class="inner">Druha cast mluvila hlavne o velkych problemech na startu, kdy se vsichni ucastnici nestihnuli pripravit a pote nasledovat zmatek. Jenze kazdy chtel vyhrat, tak to nevzdal <br> NIKDY :-)
</div>
</div>
</div>

希望这对您有所帮助。

关于html - Div 的高度 : 100% does not work,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26461469/

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