1

写真にあるように、4つのdivがあります。

ここに画像の説明を入力

それらは次のように配置されます。

<style>
div1{ 
    max-width:250px;
    min-width:240px;
    position:absolute;
    right:6px;
    top:6px;
    float:left;
}
div2{
max-width:2248px;
position:absolute;
height:35px;
left:254px;
margin-right:20px;
min-width:275px;}

div3{
max-width:250px;
min-width:240px;
position:absolute;
right:6px;
top:6px;
float:right;}

div4{
position:fixed;
top:1px;
right:400px;
margin-left:260px;}
</style>

私が抱えている問題は、div2 の下にさらにテキストがある場合、div4 がデータベースからコンテンツを取得することです。そして読めなくなります。div4 のテキストが折り返されるときにさらにテキストがある場合 (またはブラウザーのサイズを変更した場合) に、div2 が押し下げられる (幅が狭い場合) または押し上げられる (ブラウザーの幅が広くなった場合) ようにする方法を探しています。何か案は？

4

1 に答える 1

0

他の要素に反応する要素が必要な場合は、要素をフロー内に保持するレイアウト方法を使用する必要があります。position:absolute;瞬間接着剤のようなもので、他に何もくっつかない場合にのみ控えめに使用するのが最適です...

もう 1 つの方法は、サイズ変更中にプログラムで位置を調整することですが、これはお勧めできません。

于 2012-06-06T20:43:55.160 に答える