如果您看到代码,那么div homefront ,其高度为auto。在它内部,有一个div homebottom ,它的高度是固定的(比如400px)。在这个div中,还有另一个div homebottomleft ,它继承了它的高度。
现在,根据我的需要,我不知道我是否写了正确的代码。
我需要一旦 homebottomleft 的高度增加, homebottom div的高度也会随之增加,自动增加。即使我尝试过一些CSS属性,它也无法正常工作。如果可以,请帮忙。
<div class="homefront">
<div class="homebottom">
<div class="homebottomleft"><br>
<div class="profile_pic"><?php echo '<img src="' . $headerImage . '" height="173" width="173"/>'; ?></div>
<div class="profilename"><?php echo $profilename; ?></div><hr>
<h3 id="groups">CONTACTS</h3>
<h4 id="links">
<br><br><br><br>
</h4>
</div>
<div class="homebottomright">
<div class="homebottomright_status">
<p style="font-family:Arial, Helvetica, sans-serif; font-weight:700; margin: 0px;">UPDATE STATUS</p>
<form name="statusform" method="post" action="">
<textarea style="overflow: hidden; resize: none;" class="statusbox" placeholder="Share something new..." name="status"></textarea><br>
<input class="postbutton" type="submit" name="updatestatus" value="POST"/>
</form>
</div>
<div class="homebottomright_updates">
Something
</div>
</div>
</div>
</div>
CSS:
.homefront{
width:1020px;
height: auto;
margin: 0 auto;
margin-top: 15px;
}
.homebottom{
width: inherit;
height: auto;
border-radius: 2px;
box-shadow: 0px 0px 3px 0.5px grey;
margin-top: 10px;
}
.homebottomleft{
width: 175px;
height: auto;
float: left;
padding: 0px 20px 0px 20px;
background-color: white;
border-radius: 2px;
box-shadow: 0px 0px 3px 0.5px grey;
position: relative;
}
.homebottomright{
width: 800px;
height: auto;
float: right;
position: relative;
}