zoukankan      html  css  js  c++  java
  • css子元素添加绝对定位,不添加top、left会有影响吗???

    子元素设置absolue,不设置top以及left值会有什么影响呢?
    代码如下:
    .parent {
       500px;
      height: 500px;
     
      overflow: hidden;
    }
    .children {
       200px;
      height: 200px;
      position: absolute;
    }
    <div class="parent">
      <div class="children"></div>
    </div>
    结果图:
    1.此时给children 添加一行样式,margin:10px;
    样式如图:
    2.将添加的样式去掉,给parent 添加一行样式:padding:10px;
    样式如图:
    3.将添加的样式去掉,给children添加样式:top:0;left:0;
    样式如图:
    总结:
    说明子元素如果不设置top以及left,会受父元素padding的影响以及自身margin的影响,所以需要一个给定值;同样设置 top: inherit;left:inherit;或者top:inital;left:inital;也不起作用,这个就不用多说了。。。
  • 相关阅读:
    Javascript | 模拟mvc实现点餐程序
    DataTables实现按分组小计
    [Webcast]Silverlight探秘系列课程
    python 环境搭建
    MailMessage
    WebRequest
    消息队列(Message Queue)
    c# 缓存
    c# 反射
    数据库连接超时
  • 原文地址:https://www.cnblogs.com/sunflower-zy/p/9448647.html
Copyright © 2011-2022 走看看