0

これらのプロパティを持つグローバルコンテナdivがあります

#global
{
    width:1020px;
    height:100%;
    position:relative;
    margin:auto;
}

そのdivの中に、他に複数のdivがあり、そのうちの1つに次のスタイルがあります。

#example
{
    width:550px;
    height:362px;
    position:absolute;
    top:150px;
    left:10px;
    overflow:hidden;
    background-color:rgba(89,89,89,0.01);
}

これは通常の画面ではうまく機能しますが、低解像度の画面（または小さなウィンドウ）では、私の「例」のdivの左側が途切れます...

これは修正可能ですか？

問題のあるサイト：http ：//spectech.webatu.com

4

2 に答える 2

0

幅をピクセルに設定するときに固定サイズを使用しています。800px などの標準の固定サイズに調整するか、スケーラブルな em 単位を使用できます。これに関する素晴らしいチュートリアルがここにあります: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

それが役立つことを願っています!

于 2012-04-30T02:42:00.347 に答える
0

「headerBack」divで行ったように、なぜmargin: autoメソッドを使用していないのだろうか。私の一般的なルールは、絶対配置は、どのような種類の静的配置でも機能しない状況のために予約する必要があるということです。この場合、既に使用した set-width margin: auto メソッドで十分であり、小さな画面でコンテンツがページからはみ出すというエラーを修正します。

編集: ここで「グローバル」に指定した CSS は、サイトの実際の CSS とは異なることに気付きました。ここに投稿した CSS セットアップを使用する必要があります。

于 2012-04-30T02:42:26.103 に答える