星空网 > 软件开发 > 网页设计

子元素增加margin

假设我们有如下代码

  <div id="father" >
    <div id="child" ></div>
  </div>

会发现效果如下所示

子元素增加margin

子元素的margin-top并没有使子元素与父元素分开,反倒效果等同于给父元素加了一个margin-top;

解决的方法也有,具体为:

1.修改父元素的高度,增加padding-top样式模拟(padding-top:1px;)

2.为父元素添加overflow:hidden;

3.为父元素或者子元素生命元素浮动(float:left;可用但是不推荐)

4.为父元素添加border(border:1px solid transparent)

5.为父元素或者子元素声明绝对定位

6.给父元素增加内容生成#father:before{content:' ';display:table};




原标题:子元素增加margin

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

CCBEC 中国 深圳 跨境电商展览会:https://www.goluckyvip.com/tag/16919.html
2022选品指南:https://www.goluckyvip.com/tag/1692.html
CCPA:https://www.goluckyvip.com/tag/16924.html
CCPC:https://www.goluckyvip.com/tag/16925.html
CC的复盘日志 沃尔玛:https://www.goluckyvip.com/tag/16927.html
cdata:https://www.goluckyvip.com/tag/16928.html
七月份适合去日本旅游吗 7月份去日本哪里好玩:https://www.vstour.cn/a/363192.html
凤岗汽车站到松山湖风景区 松岗汽车站到凤凰山怎么坐车:https://www.vstour.cn/a/363193.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流