我的<div>比我的</div>大

时间:2012-12-01 15:45:13

标签: html css

当我将宽度设置为100%并将<body>宽度设置为900px时。

这就是我得到的:

    ___________
   _|my body  |_
  |_ My div    _|
    |my body  |
    |         |

1 个答案:

答案 0 :(得分:0)

这与你想要完成的事情类似吗?

http://jsfiddle.net/ha7fK/1/

我在jsfiddle的演示中将宽度更改为300px。只需将300px更改为900px

即可

HTML

 <body>
  <div class="width900">
   Width of 900px
  </div>

  <div class="widthfull">
      <div class="text">
        Width of 100%
      </div>    
  </div>

  <div class="width900">
   Width of 900px
  </div>
</body>​

CSS

 body {width:100%;}
.width900 {width:300px; background:#ccc; margin:auto;}
.widthfull {width:100%; background:#eee; margin:auto;}
.widthfull .text {width:300px; margin:auto;}