衬里3并排划分

时间:2014-05-04 09:50:53

标签: css html

有人可以告诉我如何在另一个div中并排放置div。我需要一个div,宽度为50%,这个div旁边有两个div,宽度为25%,高度均为100%。

<div class="contents">
<h1>Hero Carousel...</h1>
                    <p>Sed pharetra, nulla ac blandit hendrerit, justo lacus tempus leo, non fermentum elit tellus at enim.</p>
                </div>

1 个答案:

答案 0 :(得分:0)

尝试:

<div style="width:100%;">
  <div style="float:left;background-color:red;width:25%;text-align:center;">25%</div>
  <div style="float:left;background-color:yellow;width:50%;text-align:center;">50%</div>
  <div style="float:left;background-color:green;width:25%;text-align:center;">25%</div>
</div>