如何使用div制作单行表

时间:2014-07-01 20:41:57

标签: html css

有一个宽度为100%的块,其高度根据内容的变化而变化。我需要将它分成两部分:左右。它们应该具有100%的主块高度,而左块的宽度应该是例如30%,右边 - 70%。使用表格很容易,因为一行中的单元格具有相同的高度并且彼此相互更改。但是如何使用div复制它?

2 个答案:

答案 0 :(得分:0)

你应该先尝试自己做,但我可以帮助你开始:

的CSS

.wrapper {width: 100%; float: left;}
.left {width:30%; float: left;}
.right {width: 70%; float: left;}

<div class="wrapper">
    <div class="left">Left Content</div>
    <div class="right">Right Content</div>
</div>

答案 1 :(得分:0)

尝试使用以下代码:

<div id="container" style="overflow: hidden;">
    <div class="row">
        <div class="leftColumn" style="width: 30%; float: left;">left</div>
        <div class="rightColumn" style="width: 70% ;float:left;">right</div>
    </div>
</div>