zoukankan      html  css  js  c++  java
  • css--问题积累

    1.父元素与子元素,子元素设置了margin-top,父元素没有设置,结果父元素也被顶了下去。

    比如:

    <div class='parent'>
        <div class='children' style='margin-top:40px;'></div>
    </div>
    

    这种写法照理来说应该是父元素贴边的,也就是没有margin-top的40px值,结果展现确实父元素也有margin-top的40px,被顶了下去。

    解决方法是给parent增加属性:overflow:hidden

    2.问题: 多层dom通过百分数设置width值,底层dom的width=100%依赖外层不是通过百分数设置值得dom来取值。

    比如:

    <div id="wrapper">
        <div style="96%">
              <div id="parent" style="100%">
                    <div id="test" style="100%"></div>
              </div>
        </div>
    </div>
    

      #test的width是根据#wrapper的值来设置的。

    想让#test的width根据其最近的父元素设值,可以对#parent添加属性position:relative

  • 相关阅读:
    SQL之层次查询
    GROUP函数
    SQL之统计
    正则表达式
    聚合函数,分析函数
    oracle函数
    Vue3.0优化
    浅谈FC
    短链接生成原理
    Vue路由传参
  • 原文地址:https://www.cnblogs.com/it-snail/p/3925000.html
Copyright © 2011-2022 走看看