3

こんにちはみんな、テーブルの外にあるdivがあり、ユーザーが画面を最小化したときにdivを同じサイズのままにしておきたいです。これがその機能です。

基本的に、ページを最小化するときに幅を60%に保ち、縮小しないようにします。

CSS:

message_box,

{
background-color:#EEEECC;
border: #CCCCAA thin solid;
margin: 0 auto;
padding: 5px;
text-align: center;
font-family: arial, sans-serif;
font-size: 10pt;
margin-bottom: 10px;
}

html:

<div class="message_box" style="width: 60%">
4

3 に答える 3

6

要素をに設定するとwidth:60%、その要素の幅は親要素の60%になります。

<div class="message_box">の親要素が狭くなると、それも<div class="message_box">狭くなります。

60%の幅になりたいと言うとき<div class="message_box">、正確にはどういう意味ですか?何の60%?

<div class="message_box">の幅を特定のピクセル数にし、ユーザーがブラウザウィンドウのサイズを変更しても変更しないようにする場合は、幅をピクセル単位で設定する必要があります。例:

<div class="message_box" style="width: 300px">
于 2012-08-06T13:13:33.627 に答える
0

「最小化」とは、ユーザーがウィンドウのサイズを変更したときに、divを親要素の60%に維持することを意味すると想定します。この場合、次のようなものが機能するはずです。

.message_box{
    background-color:#EEEECC;
    border: #CCCCAA thin solid;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 10pt;
    margin-bottom: 10px;
    position:absolute;
    left:0;
    right:60%;
}

divに親要素がある場合は、この要素に幅が設定されており、css属性があることを確認してください position:relative

于 2012-08-06T13:15:40.413 に答える
0

静的に保ち、値をピクセル単位で600px(または任意のサイズ)に割り当てる必要があります。

于 2013-05-24T20:29:41.663 に答える