html - WordPress テーマのサイドバーコンテナを囲むテキストを取得できません

Question

構造：

#main {}

#content-wrap {
  width: 100%
}

#sidebar-wrap {
  float: right;
  width: 300px;
}

<div id="main">
  <div id="content-wrap"></div>
  <div id="sidebar-wrap"></div>
</div>

アイデアは、それほど高くないサイドバーの周りにコンテンツテキストをラップすることです。テーマはデフォルトで 2 つの横に並んだコンテナで、コンテンツの幅は 70% に設定されています。その幅を 100% に変更して折り返しを試みますが、サイドバーをコンテンツの下に移動します。

を試しましisplay: visible clear: bothたが、何も機能しません。私も何もしないことを試しvertical-align: topました。

score 0 · Accepted Answer

追加できます

div#content-wrap {float: left;}

あなたのcssに。コンテンツパネルをフロートするかどうかはわかりませんが、ある時点でフロートする必要があります。

clear: both; -- or clear left/right depending on what you are wanting to happen

他のオブジェクトがその存在を認識できるように (つまり、フッターが下部に接続されるように)。

score 0 · Accepted Answer

<div id="main">
<div id="content-wrap">
    <div id="sidebar-wrap"></div>
    content-wrap content goes here
</div>
</div>

やるべき

html - WordPress テーマのサイドバー コンテナを囲むテキストを取得できません