Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 三列(静态-流体-静态)布局中的两列(流体-静态)_Html_Css_Layout_Static_Fluid - Fatal编程技术网

Html 三列(静态-流体-静态)布局中的两列(流体-静态)

Html 三列(静态-流体-静态)布局中的两列(流体-静态),html,css,layout,static,fluid,Html,Css,Layout,Static,Fluid,我想要的是: ---------------------------------------------------------------- | | | | | | other divs like div_3 & div_4 | | | |

我想要的是:

----------------------------------------------------------------
|        |                                            |        |
|        |        other divs like div_3 & div_4       |        |
|        |                                            |        |
|        |--------------------------------------------|        |
|        |           |                                |        |
| div_1  |   div_3   |        div_4                   | div_2  |
|(static)| (Static)  |       (Fluid)                  |(static)|
|        |           |                                |        |
|        |           |                                |        |
|        |--------------------------------------------|        |
|        |                                            |        |
|        |       other divs like div_3 & div_4        |        |
|        |                                            |        |
----------------------------------------------------------------
我得到的是:

----------------------------------------------------------------
|        |                                            |        |
|        |        other divs like div_3 & div_4       |        |
|        |                                            |        |
|        |--------------------------------------------|        |
|        |           |                                |        |
|        |           |           div_4                |        |
|        |           |          (Fluid)               |        |
|        |           |                                |        |
|        |--------------------------------------------|        |
|        |           |                                |        |
| div_1  |   div_3   |                                | div_2  |
|(static)| (Static)  |                                |(static)|
|        |           |                                |        |
|        |           |                                |        |
|        |--------------------------------------------|        |
|        |                                            |        |
|        |       other divs like div_3 & div_4        |        |
|        |                                            |        |
----------------------------------------------------------------
注意:div_3和div_4位于单独的分组包装中,因为它们上面和下面都有其他内容

我的问题是,div_3最终错列在div_4之下,因为至少我认为div_4的剩余利润

另外,因为div_3和div_4在包装器中,所以我不能使用用于div_1的负边距左技巧

#div_1{
    float: left;
    width: 50px; 
    margin-left: -100%;
}
#div_2{
    float: left;
    width: 50px;
    margin-left: -20px;
}
#div_3_and_div_4_wrapper {
    margin: 0 50px 0 50px;
}
#div_3 {
    clear:left;
    float:left;
    width: 250px; 
}
#div_4{
     margin-left: 250px;
}

不确定,您是否在原始代码中设置边框?好问题,我正在设置边框,并根据需要调整宽度以处理添加的边框。所以这不是直接的问题,但我也想到了。然后,确保标记中div_3在div_4之前/就这样!哈哈,在我花的所有时间里,我是如此迷恋我的PHP,以至于我拒绝了他们的订单。非常感谢eZakto!我欠你一杯啤酒。