也是看了网上的资料写出来的
中间自适应，使用的是左右2个float:left right,中间不使用float，也不使用clear，但是注意的是必须先写left和right，然后center,按照文档流方式
<!doctype html>
<html >
<head>
<meta charset="UTF-8">
<meta name="Description" content="">
<title>Document</title>
<style>
html,body{width:100%;height:100%;margin:0;padding:0;}
</style>
</head>
<body>
<div>
<div id="divleft" style="float:left; width:200px;height:100px;background:red;">left</div>
<div id="divright" style="float:right;width:100px;height:100px;background:blue;">right</div>
<div id="center" style="height:100px;background:yellow" >center</div>
</div>
<div style="background:green" >other</div>
</body>
</html>
扫一扫
2026
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
