css float 在固定元素旁边

Question

我需要一些 CSS 方面的帮助。

我想创建这个结构:

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

在菜单的同一行，我想创建两个 div:一个从监视器的左边界到距离中间最近的 centered-div，另一个从下一个居中到右边界显示器的。

我会尝试用 key 来描述你。

|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>