关于3个div在一行,左右固定宽度,中间自适应

来源:互联网 发布:ios 网络图片尺寸 编辑:程序博客网 时间:2024/05/17 07:39

也是看了网上的资料写出来的

中间自适应,使用的是左右2float:left right,中间不使用float,也不使用clear,但是注意的是必须先写leftright,然后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>

阅读全文
0 0
原创粉丝点击