2011-07-06 9 views
1

StackOverflow(このページの最上部にある)から、ツールバーがビューポートの外側でどのようにハングするかは、エッジの両方がページからはみ出し、トップも同様です。私はこれを何回も試みたが、答えを見つけることができない。どのようにしてdivをこのように動作させるのですか?html、css、またはjavascriptで誰かが私を助けることができますか? (位置:固定は、私が探しているものではありません)Divがビューポートから外れる(最上部のStackOverflowバーのような)

+0

このページはFirebugでご覧ください。 – fvu

+1

"ビューポートの外にハングする"?どのように私は知っているだろう、そのビューポートの外には見えない...ビューポートは主にブラウザウィンドウです。 – feeela

+1

なぜ 'position:fixed'はあなたが探しているものではないのですか? – Spudley

答えて

0

それだけでdivのですが、周りのあるボディにパディングをオフにする必要があります。

<body> 
    <div class="bar">test</div> 
</body> 

body{ 
    margin:0; 
    padding:0; 
} 

.bar { 
    padding:3px; 
    background-color:#ff7200; 
} 

自動的DIVページの上部にある灰色のバーの話をしている場合はlive sample here

+0

よろしく!わたしは、あなたを愛しています –

0

100%widthを持って、それは単純にグレーの背景と負の下マージンとスタイルのdivです:

#custom-header { 
    background-color: #EEEEEE; 
    height: 31px; 
    margin-bottom: -31px; 
} 
関連する問題