zoukankan      html  css  js  c++  java
  • 初学者对于网页布局的一些见解

    1、先根据效果图确定需要几个大div,每个大div设定heigth(建议初学者将每个div设置不同背景色);

    2、根据结构,确定大div中需要多少中div,设定中div的width,height;

    3、在大div中设定overflow:hidden;来触发BFC效果;

    4、在每个中div中设定float:left(或者其他);

    5、如果中div内需要很多小div组成,设置中divoverflow:hidden;

    6、设置小div的width及height,并设置float:left(或者 其他);

    7、偏移div使用margin-top,maigin-left等等进行调整,前提是该div触发了BFC环境;

    8、不管多少div,布局以此类推;

    总结:想要精准定位每个div,一定要设置width和height,然后在上层使overflow:hidden;来触发BFC,使用margin和padding进行定位。

  • 相关阅读:
    POJ 3744:Scout YYF I 概率DP+特征方程+快速幂
    浏览器实现颜色渐变效果(兼容)
    css透明(支持各浏览器)
    sql server密钥
    DDL(Oracle)
    DML(Oralce)
    SQL(Oracle)
    Reflect
    Exception
    XML语法
  • 原文地址:https://www.cnblogs.com/lzm1989/p/5861683.html
Copyright © 2011-2022 走看看