【CSS】Intermediate8:Page Layout

1.Layout with CSS is easy. You just take a chunk of your page and shove it wherever you choose

 

2.position property

 

3.static value

renders a box in the normal order of things

 

4.relative

much like static but the box can be offset from its original position

top/right/bottom/left properties

 

5.absolute

pulls a box out of normal flow of HTML  & delivers it to a world all of its own

t/r/b/l

 

6.fixed

like absolute but reference to the browser window as opposed to the web page

Fixed boxes should stay exactly where they are on the screen even when the page is scrolled

【CSS】Intermediate8:Page Layout

How stupidly easy!

 

7.float

Shift the box to the right or left of a line,with surrounding content flowing around it

l/r value

【CSS】Intermediate8:Page Layout

8.clear

do not want the next box to wrap around the floating objects

l/r/both value

【CSS】Intermediate8:Page Layout

Footer!Hoorah!

 

【CSS】Intermediate8:Page Layout,布布扣,bubuko.com

【CSS】Intermediate8:Page Layout

上一篇:[原创]如何提升落地页转化率?


下一篇:JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍