
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景安</title>
</head>
<style type="text/css">
.head{width: 1000pxheight: 200pxmargin:0 auto}
.head-a{width: 30%height: 200pxbackground: bluefloat: left}
.head-b{width: 70%height: 200pxbackground: orangefloat: right}
</style>
<body>
<div class="head">
<div class="head-a"></div>
<div class="head-b"></div>
</div>
</body>
</html>
我们可以使用width:30%和width:70%这样的形式来设置百分比
因为这属性只有在父标签内..按照百分比设置才有用..因为height不想width.
height可以缩着网页内容的加长而无限长..所以放到一个固定大小的父标签容器内.这个才会体现出来
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)