zoukankan      html  css  js  c++  java
  • 由html,body引发的思考 F

    默认情况下,html、body(除ie6)是没有高度,但body有margin

     

    在上图中ie8,ie9,chrome,ff一样

    当仅仅给body设置height=100%时(html未设置height)没有什么改变,除了ie6,因为ie6中html默认100%

    当给html,body都设置height=100%后,二者的高度都是窗口的高度,并且每次随着窗口大小的改变也会相应的改变,但是当内容的高度大于二者的高度后, 他们不能自由的伸展,以包容内部子元素,除非去掉html或body的height=100%(下图中紫色的框便是body)

    (实验中也发现: 1、所有浏览器都支持margin:0 auto居中,并不是像之前所述在ie中需要使用text-align属性来居中。 2、使用jQuery获得document、html、body的滚动高度时($(document)、$(document.documentELement)、$(document.body)),除了 Chrome是document和body一样,html为0,其他都是document和html一样,body为0)

    之后将讲解ie6 fixed,有一种方法也于此有一定的关系

  • 相关阅读:
    P3396 哈希冲突 TJ
    U135884 膜法问题 TJ
    U135075 简单数列 TJ
    U135649 皇室战争 TJ
    SF&SJJG-ST表
    牛客NOIP集训三S 牛半仙的妹子数 TJ
    UVA297 四分树 Quadtrees TJ
    UVA679 小球下落 Dropping Balls TJ
    [ACM] CF水题记
    Hoppz的收藏夹
  • 原文地址:https://www.cnblogs.com/sourcebank/p/3009675.html
Copyright © 2011-2022 走看看