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

これらの 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 に答える
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 に答える