0

私は先週からこのウェブサイトの世話をしてきました(ただし、元のデザイナーはほとんど知りません)。私は主にPHPに取り組んできましたが、何か気になります:

基本的に、メイン ページと全体のデザインは次のようになります。

----------------------------------
Banner
----------------------------------
|Nav  |   |Div #1 floats right   |
|     |   |80% width             |
|float|   |                      |
|left |   -----------------------
|     |   |Div #2 floats right   |
| 16% |   |80% width (same as #1)|
-------   |----------------------|

ウィンドウ サイズを縮小すると、Div#1 と Div#2 がページの下部に移動する特定のポイントまで、すべてが正常に機能し、次のように配置されます。

---------------------------
Banner
---------------------------
|Nav  |   
|     |  
|float|  
|left |  
|     |  
| 16% |  
-------   
    |Div #1 floats right   |
    |80% width             |
    |                      |
     -----------------------
    |Div #2 floats right   |
    |80% width (same as #1)|
    |--------------------- |

私はこれが起こってほしくないのですが、残念ながら私は CSS についてあまり知りません。ブラウザが必要以上にページを縮小しないように、div を絶対に配置し、最小幅を記述しようとしました。

CSSを完全に書き直さずにこれを修正する安価な方法はありますか?

4

3 に答える 3

0

あなたの問題はおそらく「最小幅:584px;」です。.texte クラスで。

Web Developer 拡張機能の Ruler を使用すると、その div は幅が 584 ピクセルになると下に落ちます。

于 2013-05-20T16:35:02.973 に答える