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   其中:访客  1   博主  0

  1. avatar 懿古今 0

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

评论加载中...

发表评论

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

图片 表情