0

私が構築しているウェブサイトがあり、ポジショニングの問題が少しあります。コンテンツ セクションには、左上と右下に 1 つずつ、合計 2 つのメイン テキスト ボックスがあります。ただし、ブラウザーの端が移動すると、position:absolute を使用しているため、ボックスは左にある下のボックスと右にある上のボックスに移動します。とにかくそれらを所定の位置にロックするか、または押しのけられないように真ん中に「壁」を設定するかどうか疑問に思っていました.

    #contentleft {
font: normal 14px verdana, sans-serif;
width: 450px;height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
left:550px;
top:175px;
}
#contentright {
font: normal 14px verdana, sans-serif;
margin:0 auto;width: 500px;height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
right:550px;
bottom:100px;
}
4

1 に答える 1

0

2 つのテキスト ボックスが親 div 内にある場合は、CSS の配置を使いすぎないでください。#contentleft {float: left} ポジショニングをコントロールするために作ります。position: absoluteブラウザが最大化されていない場合、別の位置に移動するため、使用しないでください。代わりにposition: relative、配置がその親 div 内のみになるように使用してください。

于 2013-04-23T08:18:46.307 に答える