如何制作这个" homebottom" div根据" homebottomleft" DIV?

时间:2015-10-30 15:53:16

标签: html css

如果您看到代码,那么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;
}

0 个答案:

没有答案