将绝对和浮动div放在容器内

Question

我在将3个div（app-block）绝对定位在具有一定宽度的更大容器（本例中为775px）时遇到问题。 div向左浮动，但我希望它们是绝对的，这样它们就不会在较小的屏幕上移动。

的CSS：

.app-container {
    margin: 0 auto;
    width:775px;
    overflow:hidden;
}

.app-block { width:33.3%; float:left; }

Answer 1

要定位div绝对值，将其父div位置属性设为相对值是必要的。 修改css如下：

.app-container {
    margin: 0 auto;
    width:775px;
    overflow:hidden;
    position: relative; 
}

.app-block { width:33.3%; position: absolute; left: 20px; top: 0px;}