• 关于css一些注意事项的总结


    1,margin,上下合并问题,左右不合并

    2个div,外面的div没有任何占位的东西。2个div的margin分别是5px ,最后实际展现的div margin-top和margin-bottom 是5px ,left和right是10px。

    2,width 和height auto问题

    width 如果auto ,没有浮动和脱离文档,如float 和absoute,那么是 拉长的,占一条。

    height的auto,是实际的自适应。

    3,margin:auto;可以左右居中,上下不能居中。

    4,visibility: hidden 占位隐藏,display:hiddern不占位隐藏。

    5,如果直接把iframe append到一个div中,iframe会刷新

    6,ie6下 float 会引起margin左右双边距的问题 、三像素的问题。

    BUG描述:
     
    页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。
    分析:
     
    这是IE6一个已知的BUG:当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。
     
    解决方法:
     
    1.为包含块元素添加属性position:relative 。
     
    2.把该元素的position:relative属性去掉,使用默认的static定位,并通过margin-top等属性实现类似的效果。


  • 相关阅读:
    java 如何判断邮箱是否正确
    Android SDK Manager无法更新的解决
    洛谷P1162
    真 随笔
    初始化结构体
    Linux mkdir -p 后出现permission denied问题
    校赛F
    HDU1022
    UVa156
    HDU1060
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4399984.html
Copyright © 2020-2023  润新知