Question

我在内容容器中有两个div，一个向左浮动，另一个向右浮动。我正在使用屏幕的整个宽度。左div宽度为1290px，右div宽度为625px。有时在加载页面时，滚动条会改变可用屏幕宽度的宽度，并导致浮动的div在浮动左边的div下被捕获。这是在我添加页脚div后发生的。我不想让两个div的宽度更小，因为这是用于客户办公室的广告显示。我需要全屏。谢谢！

Answer 1

您是否可以从浮动切换到包含在相对容器中的绝对值？

像这样的东西（为了样本，我缩短了宽度......）： http://jsfiddle.net/perrytew/E6dUj/

<!DOCTYPE html>
<html>
<head>

  <style type='text/css'>
    #container{
    /* width: 1915px; */
    width: 200px;
    position: relative;
}

.leftpane {
    /* width: 1290px; */
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.rightpane {
    /* width: 625px; */
    width: 100px;
    position:absolute;
    top: 0;
    /* left: 1290px; */
    left: 100px;
}       
  </style>

</head>
<body>
    <div id='#container'>
        <div class='leftpane'>Left Content</div>
        <div class='rightpane'>Right Content</div>
    </div>  
</body>
</html>

滚动条强制拆分

1 个答案: