2011-10-24 8 views
-2
<html> 
<head> 
<style> 
html{ overflow:hidden;} 
body{ overflow:hidden; height:100%; background-color:blue; margin:0px;} 
div{ height:3000px; background-color:red; margin:30px;} 
</style> 
</head> 

<body> 
<div>dasdasd</div> 
</body> 
</html> 

ここにhtmlコードがあります。標準のブラウザで動作している場合、divタグはウィンドウに表示され続けます。 しかし、「dasdasd」という単語を選択して下にドラッグすると、bodyタグがスクロールし、select関数を無効にしない限り「dasdasd」という単語が表示されます。 誰かが私に他の解決策を教えてもらえますか?「overflow:hidden」が無効です。つまり、

DOCTYPEは問題を引き起こしますが、標準モードではbodyタグはまだスクロールしていますが、誰でも問題を解決できますか?

+0

それは 'overflow'やCSSとは何の関係も持っていません。 –

+0

また、IEのどのバージョンを使用しているかを指定してください - 違いがあるかもしれません。 – Spudley

答えて

0

これを試してみてください:

body { 
    background-color: blue; 
    height: 100%; 
    margin: 0 auto; 
    overflow: auto; 
} 
div { 
    background-color: red; 
    margin: 30px; 
    overflow: auto; 
} 

は、それが動作する...ベスト幸運を願っています。

3

問題は、<!DOCTYPE>宣言がありません。

IEは、DOCTYPEなしでHTMLコードを見ると、quirksモードになります。

quirksモードでは、ブラウザはIE5との下位互換性を有効にします。基本的なボックスレイアウトをレンダリングする方法を変更し、多くの標準CSSのサポートを削除します。

は(<html>タグの上)あなたのページの先頭に次のDOCTYPEを追加し、あなたは物事が右に来るはずです。

<!DOCTYPE html> 
+0

今私は "ああ!"と言うことができます、私はそれを知って初めて、ありがとう:) –

+0

しかし、ボディのタグも標準モードでスクロールすると、問題を解決することができますか? – csdxf

関連する問題