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进行定位。

  • 相关阅读:
    Single Number II
    Best Time to Buy and Sell Stock
    Linked List Cycle
    Single Number
    Max Points on a Line
    Strategy
    LRU Cache
    Word Break II
    Text Justification
    Median of Two Sorted Arrays
  • 原文地址:https://www.cnblogs.com/lzm1989/p/5861683.html
Copyright © 2011-2022 走看看