你的位置:首页 > 软件开发 > 网页设计 > css高度已知,左右定宽,中间自适应三栏布局

css高度已知,左右定宽,中间自适应三栏布局

发布时间:2017-08-19 11:00:11
css高度已知,左右定宽,中间自适应三栏布局:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...

css高度已知,左右定宽,中间自适应三栏布局:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style>  *{   margin: 0;   padding: 0;  }  .box>div{   height: 100px;  }  .box .left{   background-color: red;   width: 300px;   float: left;  }  .box .right{   background-color: blue;   width: 300px;   float: right;  }  .box .center{   text-align: center;   line-height: 100px;   color: #fff;   background-color: orange;  } </style></head><body>  <div >  <div ></div>  <div ></div>  <div >第一种方法:浮动</div> </div></body></html>

  

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:css高度已知,左右定宽,中间自适应三栏布局

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。