css 三列 div - 中间 div 固定宽度 - 外部 div flex

Question

谁能告诉我如何创建中间 div 1040px 宽度的三列 div，左右 div 是 flex 的，因此它们会在调整窗口大小时收缩。这将使中间的 div 始终居中。

Answer 1

有办法，我才发现! :D

HTML:

<div id='siteHeadLeft'></div>
<div id='site'>
<div id='siteHeadRight'></div>

CSS:

#siteHeadRight{
    height:95px;
    float: right;
    margin-right: -500px;
    background-image:url(../IMG/menu_bg.png);
    background-repeat:repeat-x;
    width: 50%;
}

#site{

    float: left;
    width:1000px;

}

#siteHeadRight{
    height:95px;
    float: right;
    margin-right: -500px;
    background-image:url(../IMG/menu_bg.png);
    background-repeat:repeat-x;
    width: 50%;
}