php - Html - Css 在窗口中对齐 3 个 Div

Question

我的当前元素由一个窗口组成，其中包括一个水平导航菜单、一个垂直导航菜单、一组按钮和最后一个表格。

所以结构是这样的

<强>1。横向导航菜单的Div
2. 垂直导航菜单的Div
3. Div 带有一组按钮
4. Div 里面有一个表格

我今天试过了，根据我的工作，第一个和第二个 DIVS 定位正确。当来到第 3 和第 4 个 DIVS 时，它的定位不正确。

所以我尝试了如下代码

<div style="float:left;"> // That white window
    <div style="float:right"> // Yellow div
        buttons.....
    </div>
    <div style="float:left"> // Orange div
        <Table>....</table>
    </div>
</div>

但是当我在不同分辨率的系统中测试它时，第三个 div 没有正确对齐。所以

1. 如何将第 3 个 div 对齐到窗口的最右端，将第 4 个 div 对齐到窗口的中心(上方白色窗口的中心)

2. 以及如何使第 3 和第 4 个窗口固定在该位置，即使窗口最小化到更小。

如能就此问题提供任何帮助，我们将不胜感激。

Answer 1

是这样的吗？

http://jsfiddle.net/jmtyjhpq/3/embedded/result/

否则也发布一些 CSS。那我可以再看看。问候

    #wrapper
{
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;    
}

.divone
{
    width:100%;
    height:300px;
    background-color:blue;
}
.divto
{
    position: relative;
    height:900px;
    width:250px;
    float:left;
    background-color:green;
}

.divthree
{
    float:right;
    width:250px;
    height:150px;
    background-color:yellow;
    display:block;
    margin-right:50px;
    position:relative;
}

.divfor{
    float:right;
    width:600px;
     height:600px;
    background-color:gray;
    margin-top:180px;
}