html & CSS 基础笔记

2014.1.30 除夕

  现在已经大年初一两点二十了,还在磕codecademy的CSS。

  还有几个环节CSS就结束了,卡在了position属性上,查了一会儿理解了relative和static,但是absolute和fixed傻傻分不清。再查了下W3C,觉得absolute应该是定死了的位置,而fixed随着browser还会滑动,实验之:

html代码:

<div id="outer"><p>Outer</p><div id="inner"><p>Inner</p></div></div>

为了使窗口滑动,outer定的大了点儿,CSS代码:

html & CSS 基础笔记
#inner {
        border:4px solid blue;
        position:fixed;
    }
#outer {
        border:3px solid red;
        height:1000px;
        
    }
html & CSS 基础笔记

确实fixed的情况可以随着窗口滑动。

html & CSS 基础笔记

上一篇:php BUG66613 PDOStatement::columnCount文档BUG


下一篇:MVC Controller向View传递数据