-1

ある程度レスポンシブに近いサイトにしたいです。

どのように表示したいかの簡単なモックアップを作成しました (これは本当に基本的なページ コンテンツであり、欠落しているページ コンテンツですが、一般的なアイデアを理解する必要があります。

大: http://i.stack.imgur.com/vX11k.png

このようなサイトを以前に見たことがあると思いますが、コーディングを機能させることができません。ページ自体ではなく、親 div に配置する内部 div が必要です。

これまでのところ、私はそれを機能させることができないようです。

主な部門:

#site {
width: 1000px;
margin: 0 auto;
position: relative;
}

メールボタン

.email {  
background-image: url(img/topmenu_email.png);
position: absolute;
right: 10px;
top: 0px;
z-index: 83;
}

これがどのように見えるかです（横にロックし、ブラウザのサイズを変更するとすべてが重なってしまいます）。 http://i.stack.imgur.com/R1cAY.png

4

1 に答える 1

0

私が見る限り、CSS に問題はありません。

それはあるべき姿で振る舞います。

メールなどが画面の右側まで届かないという問題がある場合は、おそらくこれが原因です

#site {
width: 1000px; //It's saying that the site only have 1000px of width, and not the screen size
margin: 0 auto;
position: relative;
}

.email {  
background-image: url(img/topmenu_email.png);
position: absolute;
right: 10px;
top: 0px;
z-index: 83;
}

絶対要素は、相対的な親のサイズ (この場合は幅) と同じになることに注意してください。

考えられる解決策は、設定することです

#site {
width: 100%; //Make it full width
margin: 0 auto;
position: relative;
}
于 2013-11-12T03:44:32.080 に答える