首页 >> 精选知识 >

网页布局结构有哪些(网页布局)

2023-08-04 09:13:07 来源: 用户: 

你们好,最近小时发现有诸多的小伙伴们对于网页布局结构有哪些,网页布局这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。

1、 首先,使用div定义一个整体的盒子模型,设置class='bd '设置宽度和大小,并设置背景颜色。

2、 整个大盒子细分为五个部分,菜单栏、左菜单栏、滚动条、中间内容部分和尾部。

3、 添加div框,将类属性添加为菜单,在CSS中设置框属性。

4、 添加一个div框,添加class属性作为left-menu,并使用positioning position属性。

5、 添加div框,添加class属性为img-flow,使用绝对定位定位。

6、 剩下的内容和尾部和前面的方法一样,设置宽度和高度,调整上边距的大小。

7、 总结:

8、 网页的布局使用定位,主要分为相对定位和绝对定位。

以上就是网页布局这篇文章的一些介绍,希望对大家有所帮助。

  免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!

 
分享:
最新文章