Question

我想将一个div浮动到左边固定但是旁边还有另一个div浮动（即两个coumns，但是当页面是滚动）。

据我所知，fixed and position don't mix，并且只能通过例如向第二个（最右边）div添加一个margin-to来实现此目的，（{ {3}}）

但是，我保留了一个微笑的希望，我带到这里要么被激怒，要么被扼杀。

所以，我想在这里更改css，以便我可以取出margin-left标签，让#body div浮动#menu：

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    #menu
    {
    float:left; width: 10em; position: fixed;
    }

    #body
    {
    float:left; maring-left: 10em;
    }

    #footer
    {
    clear:both;
    }
    </style>
    </head>

    <body>
    <div /*main div others are nested in*/>

    <div id="menu">
    menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu

    </div>
    <div id="body">
    <p>
    body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
    </p>

    <div id="footer">
    footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>

谢谢大家的帮助！

Answer 1

左边的

拼写错误 TTP：//jsfiddle.net/BYMZD/

浮动Div列，左侧最固定

1 个答案: