joomla、背景、位置、css-float、コンポーネントの既存の横にモジュールを追加する

私のJoomlaテンプレートにはもちろんコンポーネントが含まれています：

<jdoc:include type="component" />

それは親の全幅を埋める現時点ではコンテナ（余白あり）。親コンテナは、サイトの上部からコンポーネントの下部まで広がる背景を持ちます。私がやりたいことは、そこにモジュールを配置するためにコンポーネントの後に位置を追加することですが、私はそれをコンポーネントの隣にしたいです。

しかし、私はコンポーネントを作ったら float:left を追加します。 width:80% または何か新しいもののモジュールコンポーネントの横に浮かびます。ただし、100％以外の幅をコンポーネントに追加すると、親コンテナの背景が変わり、コンポーネントが開始される前に停止します。

コンポーネントの幅を100％より小さくするにはどうすればよいですか。 float:left 親コンテナの背景を変更せずに、その隣に別の位置を指定する

編集：私は使用できないことを追加したい overflow:hidden そうすれば、別の要素が切り取られるので、親コンテナに。元の背景が広いため、コンポーネントや他の位置に背景を追加してもうまくいきません。

編集2：私は自分の問題に対する解決策を見つけた。誰かが興味を持っているならば、将来の参考のために：フロートクリア部分 この ページで私の問題を説明し、aを追加してfloatをクリアする <div style="clear: both;"></div> 最後の浮遊要素が私の問題を解決した後。誰かがよりクリーンでより良い解決策を持っているなら、私はそれを見るのが大好きです！

回答：

私はあなたがどのバージョンのJoomlaを使っているのかわからないが、それが3.xなら、それを使うことができる。 clearfix Bootstrapに付属のクラス。これは、親要素の末尾に明確なdivを追加するための、よりクリーンで効率的な方法です。したがって、次のコードを親コンテナに追加するだけです。

class="clearfix"

Joomla 2.5を使用している場合は、テンプレートcssファイルに以下を追加できます。

.clearfix:before,
.clearfix:after {
content: "020";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}

次に、上記のようにクラスを追加します。

お役に立てれば