大 [关闭]

【问题标题】：My <div> is bigger than my <body> [closed]我的 <div> 比我的 <body> 大 [关闭]
【发布时间】：2012-11-19 14:30:31
【问题描述】：

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

这是我得到的：

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

【问题讨论】：

What have you tried?
这样做有什么意义？
我认为关键是让它滚动，以便根据页面上的某种状态，div 会显示其自身的不同部分......
从图片看来你想要这样的东西？ jsfiddle.net/ha7fK

标签： html css

【解决方案1】：

这与您想要完成的任务相似吗？

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;}

【讨论】：