大家好!
我有div高度/边框问题。这是我正在使用的脚本:
.content
{
background-image: url(../../images/logo-04.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 30%;
border-bottom: 0.1em solid #000000;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top: 0.1em solid #000000;
display: inline-block;
width: 100%;
}
.content-left
{
float: left;
font-size: 100%;
text-align: justify;
width: 74%;
}
.content-right
{
border-left: 1px solid #000000;
float: right;
font-size: 80%;
height: 100%;
text-align: right;
width: 25%;
}
这是我正在使用的div的片段:
<div class="container2">
<!-- Content -->
<div class="content">
<div class="content-left">
</div>
<div class="content-right">
<div class="sidelinks">
<ul>
<li><a class="link3" href=""></a></li>
<li><a class="link3" href=""></a></li>
</ul>
</div>
<div class="social">
<---End--!>
上面的div在我的代码中被正确关闭(我不想让任何人有额外的编码)。
出于某种原因,除非我使用像素(高度:500px),否则我似乎无法使左边框扩展内容右边div的长度。我通常使用百分比,但在高度:100%时,边框只能达到内容右边div内的内容。
有任何建议可以达到我想要的效果吗?
答案 0 :(得分:0)
您没有为.content定义高度,所以即使使用height:100%
,它也只是父级内容的100%。尝试将内容高度设置为100%并查看边框是否与之相关