HTML+CSS实现基本的网页布局（二）
时间：2023-09-09 02:24:01 | 来源：网站运营
时间：2023-09-09 02:24:01 来源：网站运营
HTML+CSS实现基本的网页布局（二）：从现在开始便开始首页的页面布局的搭建，最基本的布局。
完整的实现代码将会在把这个网站全部搭建完毕后，放在我的Github上，地址在本专栏的最后将会公布，如果中间自己坚持不下去，那本专栏也将会荒废掉。。。希望能坚持下去吧！
首先我用画图工具对我将会实现的网页布局进行了一下规划，大体如下：
下面是实现的效果：
接下来总结一下我在布局方面遇到的大大小小的问题：
1.<ul>与<li>标签的使用
ul与li之间的问题大概就是块级元素以及行级元素的区别，首先把ul还有li利用disply：inline-bock转换成块级元素，然后利用float：left或者right设置浮动的方式，放到同一行中。
2.不同分辨率显示不全的问题
之前设置的全部是利用像素与百分比夹杂进行的定位，所以会有显示不全的问题，把他俩换成同一类即可。
布局方面遇到的问题很简单，不是什么大问题，目前这个布局我也没进行太深的测试，可能还会有错误，随时改正吧！
接下来便是js的学习。
在线咨询
