8

本当にシンプルなはず…と思いました。

私はそのように設定しています:

<div id="main">
   <div id="a1">THE FIRST</div>
   <div id="a2">THE SECOND</div>
</div>

メインのdiv全体を画面の右上隅に配置し、ブラウザーのサイズを変更するときに、そこにとどまるようにします。私は固定ポジショニングについて話しているのではありません-絶対的なものです。

ただし、このcssは機能していません。何か案は?

#main {
        position:relative;
    top:0;
    right:0;
    z-index:300;
    min-width:0;
    width:8%;
}

#main #a1 {
    position:absolute;
    background: #082540;
    z-index: 300;
    right:0;
    top:40px;
}

#main #a2 {
    position:absolute;
    background: #082540;
    z-index: 300;
    right:0;
    top:0;
}

** 編集 **

divを右上に置くと、ブラウザを右から左に持ってきたときに、divが消えるようになります(「固定」のように)。

4

1 に答える 1

11

ID および NAME トークンは文字で始まる必要があります。そのため、#1および#2スタイルが適用されません。#a1またはのようなものに変更してください#a2

更新: div
に追加float:right;するだけです#main

ワーキングデモ

于 2012-10-04T00:00:44.680 に答える