0

これは、このフォーラムへの私の最初の投稿です。私は以前にこのフォーラムを使って助けを見つけましたが、それはいつも本当に役に立ち、役に立ちました。率直なヘルプ。

私が抱えている問題は、2つのdivを直接隣り合わせに配置したいということです。コミュニティダンスグループのブログページを作っています。CSSのfloat：leftプロパティを利用して、divを並べて配置しています。StackOverflowでそのソリューションを見つけました、ありがとう!!

しかし、Div 1の幅は、ページの中央に配置したいのでわかりません。

私のCSSコード：

.contentsWrapper{
margin-left:100px;
margin-right:100px;
margin-bottom:10px;
overflow:auto;
}
.blogWrapper{
float:left;
}
.archievesWrapper{
width:250px;
float:right;
}

どんな助けでも素晴らしいでしょう！

4

3 に答える 3

2

あなたが試すことができます

display: inline-block

両方のdivで。それは彼らを隣同士に見せさせるはずです。

于 2012-04-20T17:24:27.560 に答える
1

それはあなたが望むかもしれません。このように書いてください：

HTML

<div class="right">right</div>
<div class="left">left</div>

CSS

.left{
    background:red;
    overflow:hidden;
    height:30px;
}
.right{
    float:right;
    background:green;
    height:30px;
    width:250px;
}

これをチェックしてくださいhttp://jsfiddle.net/6EufF/1/

于 2012-04-20T17:26:31.893 に答える
0

検索したいのは「流体レイアウト」です。

それを行うにはさまざまな方法があります。この種の問題は、さまざまなWebサイトで何度も対処されています。

ここにあなたを助けるための1つのリンクがあります、しかしあなたはもっとたくさん見つけることができます。

http://www.vanseodesign.com/css/fluid-layout-code/

于 2012-04-20T17:28:42.747 に答える