美文网首页
页面布局

页面布局

作者: ZS_233 | 来源:发表于2018-07-31 19:45 被阅读0次

    使用div对页面进行布局

    页面整体结构由多个div构成,以小米商城为例:

    可将页面分为三部分:

    也可分为两部分:

    每一个div里再分小的div:

    之后可以通过边距、浮动、定位对页面布局

    通过设置浮动使多个div排在一行:

    float

    导航栏可以使用列表做:

    通过对li设置浮动,使多个li排成一行

    相关文章

      网友评论

          本文标题:页面布局

          本文链接:https://www.haomeiwen.com/subject/lrxkvftx.html