css中如何实现帧布局_HTML+CSS实现基本的网页布局（二）

从现在开始便开始首页的页面布局的搭建，最基本的布局。

完整的实现代码将会在把这个网站全部搭建完毕后，放在我的Github上，地址在本专栏的最后将会公布，如果中间自己坚持不下去，那本专栏也将会荒废掉。。。希望能坚持下去吧！

首先我用画图工具对我将会实现的网页布局进行了一下规划，大体如下：

下面是实现的效果：

接下来总结一下我在布局方面遇到的大大小小的问题：

1.<ul>与<li>标签的使用

ul与li之间的问题大概就是块级元素以及行级元素的区别，首先把ul还有li利用disply：inline-bock转换成块级元素，然后利用float：left或者right设置浮动的方式，放到同一行中。

2.不同分辨率显示不全的问题

之前设置的全部是利用像素与百分比夹杂进行的定位，所以会有显示不全的问题，把他俩换成同一类即可。

布局方面遇到的问题很简单，不是什么大问题，目前这个布局我也没进行太深的测试，可能还会有错误，随时改正吧！

接下来便是js的学习。