0

左に浮いているdivのページの左側にリンクがあるWebページがあります。次に、その右側にコンテンツがあり、それは div フローティング ライトにあります。私が抱えている問題は、ページのサイズを変更すると、コンテンツがリンクの下に移動することです。

ページ全体をラッパー div に配置するのに疲れましたが、そうするとリンクが機能しなくなり、必要な場所にコンテンツを配置できませんでした。

ラッパー div の CSS は次のとおりです。

#wrapper {
    margin:0 auto 0 auto;
    min-width:960px;
}
4

3 に答える 3

0

ウィンドウのサイズ変更の問題を解決する最善の方法は、wordpress のように行うことであり、このサイトでさえそうであることがわかりました。

「Liquid」スタイル (パーセントなどを使用) はクールですが、ほとんどの場合、実際には正しく表示されません。そのため、ページ全体をウィンドウ全体よりも少し狭くして、別のブラウザで余白のサイズを変更できるようにすることをお勧めします。

そうするために、実際に html タグのスタイルを設定し、1000px などの固定幅を指定してから、margin-left:auto; margin-right:auto; 常に中心に保つようにします。

編集：

これをcssに入れます

html {

width:66em;

margin-left:auto;

margin-right:auto;

}
于 2012-05-04T12:16:32.020 に答える
0

フローティング要素は、ページ フローの外にあるため、そのように動作します。

おそらく探しているのは、流動的な 2 列のレイアウトです。

于 2012-05-04T12:17:41.950 に答える
0

主な問題は、div の幅を固定しているため、最初のステップは div の幅を % または em に変更することです。

最初にこの全画面表示を行います。コンテンツのない空白のページを作成するところまで行きます。div に別の背景色 (u) r を与えるだけです。コンテンツの幅が干渉していないことがわかっているので、これを行います。

また、両方の div を左にフロートさせ、最初から相対的に配置することもできます。

于 2012-05-04T12:18:40.843 に答える