この先頭の部分だけが、固定幅のメニューを避けていく、よけていくー、 避けてよけてよけていくー、ふにゃらかぱっぱー。 うわ宇和あああああああああああ あああああああああああああああ で、本題。
このHTMLで重要なcss定義は以下の部分のみである。
div#menu {
position: fixed; left: 0; top: 0;
width: 5em; height: 5em; border: 1px solid;
background: white; z-index: 2;
}
div#main div#uramenu {
margin-left: 0; margin-top: 0; margin-right: 1em; margin-bottom: 1em;
width: 5em; height: 5em;
float: left;
}
ただし、このページのCSSはposition: fixed に対応していないIEでも、 似た見映えとなるように、ごちゃごちゃと余計な記述が足してあるが 気にせずとも構わない。
うわ宇和あああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ
あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ
あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ あああああああああああああああ