flex设置方式相对比较简单，只要根据需要，对内部的两部分内容分开就可以了。
float设置方式要考虑左右两部分的内容，并且要记得清除浮动，以免影响显示。
table方式可以设置两边的内容都是单元格。
还有其他的实现方式，可以根据实际项目进行选择。
<html><body>
<style>
body{
width:1000px
}
#sidebar{
width:280px
}
#(看不清){
width:720px
}
</style>
<div id="header"></div>
<div id="pagebody">
<div id="sidebar"></div>
<div id="(看不清了)"></div>
</div>
<div id="footer"></div>
</body>
</html>
颜色、高度自己写吧；希望能帮到你
<html><body>
<table width="100%" border="1">
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
rowspan代表跨行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）