CSS-27.双飞翼布局

最新推荐文章于 2022-06-18 00:05:08 发布

别忘了缩进

最新推荐文章于 2022-06-18 00:05:08 发布

阅读量150

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/qq_34737697/article/details/79185689

版权

29 篇文章 0 订阅

订阅专栏

  <!DOCTYPE html> 

  <html> 

  <head> 

  <meta charset="UTF-8"> 

  <title>biaoti</title> 

  <style> 

*{

  padding: 0px; 

  margin: 0px; 

}

  .main,.left,.right{ 

  float: left; 

  min-width: 130px; 

}

  .main{ 

  width: 100%; 

}

  .left{ 

  width: 200PX; 

  margin-left: -100%; 

  background: blue; 

}

  .right{ 

  width: 220PX; 

  margin-left: -220px; 

  background: green; 

}

  .maintext{ 

  min-width: 200px; 

  margin-left: 200px; 

  margin-right: 220px; 

  background-color: red; 

}

  </style> 

  </head> 

  <body> 

  <div class="main"> 

  <div class="maintext">2445656</div> 

  </div> 

  <div class="left">455456</div> 

  <div class="right">42365456</div> 

  </body> 

  </html> 

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注