将div放在底部

时间:2019-07-17 10:00:44

标签: html css

我想在底部的div左边和右边的下面放置一个div。但是我的职位远离另一个部门。

感谢您的帮助

enter image description here

<div id="content-wrapper">

  <!--TOP-->
  <div style="border:1px #e8e8e8 solid;margin:0px 0px 10px 0px">
    <div style="border-bottom:1px #e8e8e8 solid;background-color:#f3f3f3;padding:8px;font-size:13px;font-weight:700;color:#45484d;">
      Admin Menu Content</div>
    <div style="padding:8px;font-size:13px;">
      Lorem ipsum </div>
  </div>

  <!--LEFT-->
  <div style="border:1px #e8e8e8 solid;width:49%;float:left;margin:10px 0px 10px 0px">
    <div style="border-bottom:1px #e8e8e8 solid;background-color:#f3f3f3;padding:8px;font-size:13px;font-weight:700;color:#45484d;">
      Admin Menu Content</div>
    <div style="padding:8px;font-size:13px;">
      Lorem ipsum </div>
  </div>

  <!--RIGHT-->
  <div style="border:1px #e8e8e8 solid;width:49%;float:right;margin:10px 0px 10px 0px">
    <div style="border-bottom:1px #e8e8e8 solid;background-color:#f3f3f3;padding:8px;font-size:13px;font-weight:700;color:#45484d;">
      Admin Menu Content</div>
    <div style="padding:8px;font-size:13px;">
      Lorem ipsum </div>
  </div>

  <!--BOTTOM-->
  <div style="clear: both;" />
  <div style="border:1px #e8e8e8 solid;margin:0px 0px 10px 0px">
    <div style="border-bottom:1px #e8e8e8 solid;background-color:#f3f3f3;padding:8px;font-size:13px;font-weight:700;color:#45484d;">
      Admin Menu Content</div>
    <div style="padding:8px;font-size:13px;">
      Lorem ipsum </div>
  </div>

</div>

0 个答案:

没有答案