左边固定,右边自适应(圣杯布局的实现)

HTML5+CSS3 1877 0 2014-04-21

左边固定,右边自适应(圣杯布局的实现)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>4564</title>
<style type="text/css">
body{margin:0;padding:0}
.wrap{ width:100%; float:left}
.content{ height:100px;background:green; margin-left:100px}
.left{ width:100px; height:100px; background:red; float:left; margin-left:-100%}
</style>
</head>
<body>
<div class="wrap">
<div class="content">content</div>
</div>
<div class="left">aside</div>
ghuguygugyu
</body>
</html>

上一篇:纯CSS实现三角形的方法

下一篇:左边和右边固定,中间自适应

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链