CSS技巧–CSS定义左右排版

如何定义两个DIV左右排版布局呢？只需要简单的CSS代码即可，比如 左边是 class="left"，右边是 class="right" 下面举例：

  1. .left {
  2.     float:left;
  3.     width:60%;
  4. }
  5. .right {
  6.     margin-left:60%;
  7.      width:40%;
  8. }

这里的 .left 定义了靠左，宽度百分之六十，.right 定义了从左边百分之六十开始，宽度百分之四十，根据自己需要调整举例，比如 右边的从左边百分之六十五开始，宽度百分之三十五，则

  1. .right {
  2.     margin-left:65%;
  3.     width:35%;
  4. }

自己根据需要去调整啦！

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论：1   其中：访客  0   博主  0

  1. avatar 懿古今 0
    回复 2015年03月04日 12:38  -9楼

    这个左右排版用的地方好像挺多的，学习了

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情