css float 在固定元素旁边

Question

我需要一些有关 CSS 的帮助。

我想创建这个结构:

我想创建一个菜单，中心固定，960px； - 这很简单..

在与菜单相同的行上，我想创建两个 div:一个从显示器的左边框到中间最近的居中 div，另一个从下一个居中的 div 到右边框显示器的。

我将尝试使用按键来描述您。

|left_div| |_fixed_centered_960px_div| |__right_div|

左右 div 将是流动的，并且取决于屏幕分辨率。

有人可以帮助我吗？

谢谢。

Answer 1

你可以像这样使用CSS

#fixed{
    margin:0 px auto;
    width: 960px;
}    
#container {
    padding-left: 205px;      /* LC fullwidth */
    padding-right: 205px;     /* RC fullwidth + CC padding */
    background:#FFFF99;
}

 #container .column {
    position: relative;
        float: left;
    }

    #center {
        padding: 20px 0px 20px 0px;       /* CC padding */
        width: 100%;
        height:auto;
    }
    #content{padding:10px;height:auto;border-right:1px dashed;color:#fed88e;}

    #right{
        width: 205px;             /* RC width */
        padding: 0px;          /* RC padding */
        margin-right: -100%;
    }
#left{
 width : 205px;
padding: 0px
margin-left:-100%;

}

和 html 类似

<div id="fixed">
<div id="container">
<div id="center" class="column"></div>
<div id="left" class="column"></div>
<div id="right" class="column"></div>
</div>
</div>