0

ページを 3 列に修正しようとしています。私が取り組もうとしているコンテンツに使用される div は 2 つだけです。1 つはコンテンツの最後の部分のみに影響し、もう 1 つはコンテンツ全体に影響します。

基本的に、現在の様子は次のとおりです。

これは最初のコンテンツです-------------------これは2番目のコンテンツです

                             This is the third content

3 番目のコンテンツを 3 番目の列に押し込もうとしています。float right を使用してみましたが、3 番目の列に移動しましたが、他のコンテンツの下に移動しました。ウィンドウのサイズが変更された場合、これは他のコンテンツと重複するため、margin-top に負の値を使用することもできません。私が起こる必要があるのは、次のようなものです:

----これは最初のコンテンツです----これは2番目のコンテンツです----これは3番目のコンテンツです

私が抱えている大きな問題の 1 つは、ページの html ファイルを編集することが許可されていないため、作業しているのは css ファイルだけであることだと思います。

4

2 に答える 2

0

Firebug https://addons.mozilla.org/en-us/firefox/addon/firebug/と呼ばれるFirefoxでこのアドオンを使用してみてください。これにより、CSSで変更したすべてのものが表示されるため、作業が簡単になります。あなたが正しいビューを持っているときにあなたがそれを再び変えることができるようにあなたのブラウザ上でリアルタイム。

あなたの場合、フロートを正しく行う前に、divのサイズ（幅と高さ）を確認する必要があると思います。幅が両方を処理できない場合、フロート右は機能しないためです。

于 2012-10-18T08:38:10.123 に答える
0

次のようなコード:

//Left:
float:left;

//MAIN:
margin-left: 20em; //these will define the width
margin-right: 20em;

//Right:
float:right;
于 2012-10-18T08:37:27.690 に答える