Question

我想在窗口调整大小时移动div。我在一个div（即容器）

中有三个div

例如：

      <div id="container">
          <div class="left"></div>
          <div class="middle"></div>
          <div class="right"></div>
        </div>

它正确对齐。但我希望这些div移动（但它不应该重叠，我的意思是它应该在它重叠之前停止）当我调整窗口大小时。

This is how my CSS looks.
#container {
    text-align:center;
    width : 100%;
}

.left {
    float:left;
}

.center {
    display: inline-block;
    margin:0 auto;
}

.right {
    float:right;
}

感谢您的帮助！

块引用

Answer 1

你可以在这个twitter bootstrap上创建你喜欢的div和css设计，这项服务可以自动创建响应式布局。

twitter bootstrap

Answer 2

你的CSS不对。不要使用#left，#center，#right，而是需要使用.left，.center，.right

当你使用#时，它会选择一个带有该ID的html元素，这就是为什么你的css只是在你使用类的其他div中选择<div id="container">，所以你使用{{1 }}

查看示例： http://jsfiddle.net/rELXZ/

有关CSS选择器的更多信息，请参阅http://www.w3schools.com/cssref/css_selectors.asp

Div不会在窗口大小调整上移动

2 个答案: