1

これが私のフィドルです： http://jsfiddle.net/LLFpp/

CSS と Div の学習を始めたばかりで (古いテーブルから移動)、2 つの div の間に 20px のスペースを空けて、既存の緑の div の上に別の緑の div を配置する方法を考えています。 、右側のdivをその場所に保ちます。

テーブルの場合と同じようにしようとしましたが、レイアウト全体が台無しになり、右側の div が押し下げられました。

だから基本的に今私は持っています：

| |

そして、私は必要です：

| |
|

理にかなっていますか？:D

4

3 に答える 3

0

あなたは両方の「緑の」divのためのコンテナを持っている必要があり、それを揃えたままにしておきます。

このようなもの：

<div id="bigcontainer">
    <green div 1>
    <green div 2>
</div>
<div id="menu">
 <!--whatever-->
</div>

CSSで

#bigcontainer{float:left;}

その後、メインのデザインに影響を与えることなく、「グリーンdiv」で好きなことを行うことができます。

それが十分に明確であることを願っています:)

于 2012-06-26T00:34:37.897 に答える
0

多分このようなもの：

div.left_box{
    float: left;
 }

div.right_box{
    float: right;
}

次に、2つの緑色のdivセクションをleft_boxdiv内に配置します。

于 2012-06-26T00:35:50.700 に答える
0

これは、左側の列の親を使用して、新しいコンテンツを先頭に追加します。title に id を与え、el変数の id を調整することで、緑色の背景を保持したままタイトルの下に表示することができます。それは、変化するコンテンツがどのようになるかによって大きく異なります。

$(function(){
 var el = document.getElementById("main");
 var parent = el.parentNode;
 var newContents = document.createElement("div");
 newContents.innerHTML = "<p>New Content</p>";
 newContents.style = "margin-bottom: 20px";
 parent.insertBefore(newContents,el);
});​

http://jsfiddle.net/LLFpp/10/

于 2012-06-26T00:53:19.847 に答える