好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

深入理解CSS网页布局-理论篇_html/css_WEB-ITnose

在CSS网页开发布局中,需要对浮动和定位有深刻的理解才能在开发中游刃有余。

基于此,在博客园中做了本篇总结,这些总结来自实践经验和阅读一些书籍后的理解总结,主要内容为浮动,清除浮动,定位。

(可点击屏幕左边的目录查阅)

一. float属性深入理解

首先简单布局一下,代码如下:

             css Test  #bigBox {    border: 2px solid Gray;    width: 500px;    height: 400px;    margin: 100px auto;}#box1{    background: yellow;    width: 100px;    height: 100px;}#box2{    background: SkyBlue;    width: 120px;    height: 100px;}#box3{    background: pink;    width: 140px;    height: 100px;}   

1

查看更多关于深入理解CSS网页布局-理论篇_html/css_WEB-ITnose的详细内容...

  阅读:31次