实现特定布局：父容器宽度不定，左侧定宽280px，右侧占剩余全部

weixin_33728268

于 2017-10-19 11:07:00 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/webcaorui/blog/1553225

本文介绍了一种使用CSS进行网页布局的方法，特别关注了如何利用浮动属性实现特定效果。文中通过具体的代码示例展示了如何定义父级及左右子元素的样式，并解释了为什么在.right类中不适合使用浮动。

  .parent {   }
  .left {
       float: left;
       width: 280px;
  }
  .right {
       margin-left: 280px;
  }

在.right中不能用浮动，浮动的元素默认是没有宽度的，显示不了需要的效果。

转载于:https://my.oschina.net/webcaorui/blog/1553225