1

这是jsFiddle 

#wrapper {
    margin:1px;
    height:auto;
    width:auto;
    float:left;
    clear:both
}
#wrapperR {
    margin:1px;
    height:auto;
    width:auto;
    float:right;
    clear:both;
}

在我的页面中看起来像这样

  L
   R

但我希望它看起来像 LR，我希望它及其所有内容保持在左侧，同时保持右侧并排。

我添加了 clear:both; 对于两个 div，我什至创建了一个 .clear{clear:both;} 并且我已经调整了宽度、填充和边距，但我仍然不能并排浮动它们。

我想知道我在看什么。

谢谢！

4

4 回答 4

0 
#wrapper p {
   position : relative;
   float: left;
}

并调整你的文字有浮动的地方

于 2013-05-01T16:55:26.250 回答
0

从以下位置删除clear:both：

#wrapperR {
margin: 1px;
height: auto;
width: auto;
float: right;
clear: both; /* REMOVE THIS LINE*/
}

jsFiddle 示例

这里的clear:both规则意味着这个元素将被放置在它之前的任何浮动元素之下。

于 2013-05-01T16:46:34.720 回答
0

错误。肯定很清楚：两者都是你的问题？这将阻止他们从一边到另一边。

也尝试显示它们内联块：

display:inline-block

于 2013-05-01T16:47:48.287 回答
0

将这些 mod 放在你的 css 上：

#wrapper{margin:1px; height:auto; width:auto;float:left;}
#wrapperR{margin:1px; height:auto; width:auto; float:right; }
#column_l {
    width: 60%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    float:left;
}
#column_r {
    width: 40%;
    margin: 0;
    margin-right:5px;
    float: left;
    background-color: transparent;
    position: absolute;
    left:60%;

}

删除和clear:both_wrappercolumn_[l|r]

如果您希望您的右栏更高（“附加到菜单”），则必须使用该属性top: -X px

于 2013-05-01T16:51:30.920 回答