Html5开发——html+css基础二（个人博客一）

标签：blog   http   使用   2014   问题   html   代码   div   

今天没有写完，而且写的还有点问题，所以今天就先不上传代码了（ps：快写完了才发现布局有问题，导致代码太多，感觉写的不是很好，所以今天先分析一下布局）

第一步先写一个大的div用来放ABC三个部分，这个大的div居中！

第二步分别写ABC三个部分，ABC三个部分分别使用浮动（float）来定位。A和B都各使用了一张非常小的图片，通过重复（repeat）属性生成A和B

第三步C部分分别写好3~16这几个模块，在通过组合利用浮动定位。分组如下：

　　E：3

　　F：4、7、10、13

　　G：5、8、11、14

　　H：5、9、12、15

　　J:16

然后利用E、F、G、H、J通过浮动定位。

这期间有许多问题，比如ABC的居中，浮动之间的相互影响。这些问题，我会在明天结合相关的代码进行详细的解释。PS：由于代码不是很合理所以今天就不上传代码和素材了。

Html5开发——html+css基础二（个人博客一）,布布扣,bubuko.com

Html5开发——html+css基础二（个人博客一）

标签：blog   http   使用   2014   问题   html   代码   div   

原文地址：http://www.cnblogs.com/Kround/p/3876429.html