CSS浮动：左侧布局移动

Question

这是左边两个分区的css文件，右边的一个分区=＆gt;

div#id_div_loadwhat {
    float: left;
    width: 74%;
    padding-right: 5px;
}

div#id_div_rightside {
    float: left;    
    width: 25%;
    height: 100%;
    border-left:solid thin #ff9900;
    margin-right: 0;
    padding-right: 0;
}

当左侧分割中没有文字或数据时，右侧分割向左移动。

但是我想要一直站在右侧的位置。

我该怎么做？

Answer 1

您需要的是指定左侧div的高度..使用最小高度或高度

这将解决您的问题..

还有一件事，padding-right应该是1％而不是5px，因为当分辨率很小时它会错过你的风格。

Answer 2

“当左侧分区中没有文字或数据时” - ＆gt;只是不要让“左侧分区”为空，只需在其中放入" "。

---

如果您只想保持左侧div“绝对空”，只需将css规则“min-height”应用于小值：

div#id_div_loadwhat {
    float: left;
    width: 74%;
    padding-right: 5px;
    min-height:18px;
}

Answer 3

给右侧div float：none并查看是否有效。