0

我在其中设置了一个字段overflow: hidden，以便它不会与向左浮动的另一个 div 碰撞。

问题是溢出的隐藏挡住了它的左侧。 这是一个jsfidde。抱歉，代码很长，没时间筛选...

4

2 回答 2

2

我不确定这是否是您想要实现的外观，但您可以在此处找到我的尝试。

我从 div.rightside 中删除了右边距，并从 div.leftside 中删除了浮动和溢出属性。

.rightSide {
    float: right;
    /*margin: 0 100px 0 0;*/
    max-width: 40%;
    overflow: hidden;
    width: 40%;
}
.leftSide {
    /*float: right;
    overflow: hidden;*/
    margin: 0 10px 0 0;
    width: 500px;
}

视觉结果可能不理想，具体取决于此页面将呈现到的屏幕大小，因此我建议您使用1140px CSS 网格系统

于 2012-10-24T17:16:06.893 回答
0

如果我得到你试图做的事情：

rightSide应与float:right;

和leftSide应该是float:left;

看看你的宽度......它应该设置为两个 div

看一下示例：将中间线向左移动，您会看到 div 向左移动..

jsfiddle <--- 点击链接

在此处输入图像描述

于 2012-10-24T17:08:53.163 回答