zoukankan      html  css  js  c++  java
  • 【精通css读书笔记】 第八章 布局

    学习了css布局的基础后又来翻阅《精通css》这本经典书籍,对布局有了进一步的认识。

    基于浮动的布局

    两列的布局仍然是使用一个元素向左浮动,一个元素向右浮动,值得注意的是要加入display:inline 用来防止IE中的双外边距浮动产生的bug。

    三列布局与昨天的使用了不同的方法,全部依靠浮动来实现,与两列布局一样先实现主内容与次内容的左右浮动,然后对主内容中的主div与次div在分别浮动。

    不要忘记因为元素的浮动需要对父元素清理浮动的处理 overflow:hidden

    但是三列布局的时候没有对主内容清除浮动也没有问题的。(什么原因?)

    流式布局和弹性布局

    固定宽度的布局有很多缺点,第一是固定的  第二也关于行长和文本易读性的,往往只适合于浏览器默认字号。

    流式布局的话尺寸采用百分比而不是像素设置,能够相对于浏览器窗口进行伸缩。

    弹性布局的话就是设置基字号,布局会随着文本字号的增大而增大。

  • 相关阅读:
    MUSIC分辨率与克拉美罗下界的关系
    EXCEL 基本函数
    新手如何正确的开始练车
    5.20考试整理
    树上倍增 x
    逆元 x
    BSGS ! x
    【テンプレート】LCA
    [HDOJ5783]Divide the Sequence(贪心)
    [HDOJ5791]Two(DP)
  • 原文地址:https://www.cnblogs.com/lijie33402/p/4433391.html
Copyright © 2011-2022 走看看