CSS垂直ストレッチ問題

おそらくこれは非常に簡単な解決策ですが、私はCSSベースのレイアウトを初めて使いました。CSS垂直ストレッチ問題

本体のdiv（イメージを持つ）の高さを制御することはできず、これまでのところ伸ばしています。何故ですか？グローバルな内部divはうまく動作しているようです。誰も助けることができますか？ここで

<body> 
<form id="form1" runat="server"> 
<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
</cc1:ToolkitScriptManager> 
<div id="global-wrap"> 
    <div id="global-inner" style="background: none repeat scroll 0% 0% rgb(145, 148, 138);" >

はCSSです：

body 
{ 
    background: url("/images/damask-back.jpg") repeat scroll 0 0 #423624; 
    font-family: 'lucida grande',tahoma,sans-serif; 
    font-size: 62.5%; 
    height: 50%; 
} 
#global-wrap 
{ 
    width: 100%; 
    /*height: 925px;*/ 
    position: relative; 
    margin: 10px auto; 
} 
#global-inner { 
    background: none repeat scroll 0 0 #857A6B; 
    border: 2px solid #61533F; 
    margin: 25px auto 0; 
    padding: 20px 25px; 
    position: relative; 
    width: 898px; 
    height: 298px; 
    z-index: 1; 
}

出典

2011-02-01 Paul

あなたはあなたのスタイルシートに '＃global-inner {...}'があります。なぜあなたはスタイル属性を使用していますか？ –

htmlでスタイル属性w /を取り除くと、それは変わりません。 – Paul

私は問題はあなたがglobal-innerに持っインラインスタイルで、削除さ彼らと一緒に動作するように見えると思う：

http://jsfiddle.net/adhKG/

出典

2011-02-01 19:01:35

どういう意味ですか？どのようなラッピングdivのインラインスタイル？ – Paul

申し訳ありませんが、私はラッパーのdiv内のインラインスタイルを誤って話しました。私はdivタグを閉じて、確かに親divが子divをぴったりとラップするようにしました。私が質問を理解していない限り？例を見てください。 –

Ahh ok私はちょうど私にこのショットを与えることを見た – Paul

答えて

関連する問題