CSS移动子元素div,父元素div跟着移动问题解决

成品图:

需求:标题div和父级div之间有距离，设置margin-top结果父元素也跟着移动。

解决:给父元素添加padding-top: 1px;，再移动子元素就可以了

还可以给父元素设置:

padding-top: 1px;
border: 1px solid red;
overflow: hidden;

CSS移动子元素div,父元素div跟着移动问题解决相关推荐

CSS子元素选择父元素
通常一个CSS选择器都是从上往下选择的,通过父元素选择子元素,那么能不能通过子元素选择父元素呢? <ul><li><a href="#" class= ...
CSS子元素居中(父元素宽高已知，子元素未知)
<style> .container{width:400px; height:400px; position:relative;} .center{position:absolute; l ...
html让空间高度跟随父级,CSS子元素跟父元素的高度一致的实现方法
绝对定位方法: (1)将父元素设置为相对定位,不写父元素的高度时,会随着左边的子元素高度变化而变化 .parent { /*关键代码*/ position: relative; /*其他样式*/ wi ...
怎么判断子元素距离父元素顶部位置_css子元素如何相对父元素定位？
在css中,可以使用position属性,通过给父元素设置相对定位"position:relative;"样式,给子元素设置绝对定位"position:absolute; ...
子元素scroll父元素容器不跟随滚动JS实现
小tip: 子元素scroll父元素容器不跟随滚动JS实现这篇文章发布于 2015年12月18日,星期五,00:07,归类于 js实例. 阅读 44546 次, 今日 41 次 by zhangxi ...
parentElement:返回当前元素的父元素节点（IE不兼容）、children:只返回当前元素的元素子节点、childElementCount、firstElementChild、......
parentElement:返回当前元素的父元素节点(IE不兼容,IE9以下) <!DOCTYPE html> <html lang="en"> <h ...
html超出父元素,css怎么让元素超出父元素
css让元素超出父元素的实现方法:1.将父容器定位设置为"relative",表示相对定位:2.将子容器定位设置为"absolute",表示绝对定位. 本文操作 ...
子元素超出父元素宽高是否会报错？
目前来看,如果父元素是Container,那么子元素超出父元素就不会报错: 如果子元素被Column或Row包裹,那么子元素超出父元素就会报错: RenderFlex overflowed by 22 ...
父元素设置overflow: overlay；或 overflow: scroll；或 overflow: auto；如果子元素超出父元素内容，父元素会被子元素超出部分撑大至子元素同样大小
发现父元素设置overflow: overlay; 或 overflow: scroll; 或 overflow: auto; 如果子元素超出父元素内容,父元素会被子元素超出部分撑大至子元素同样大小 ...
[css] 为什么float会导致父元素塌陷
[css] 为什么float会导致父元素塌陷 "当元素设置浮动后,会自动脱离文档流", 翻译成白话就是说,元素浮动后,就不在整个文档流的管辖范围,那么它之前存在在父元素内的高度就随 ...

CSS移动子元素div,父元素div跟着移动问题解决

CSS移动子元素div,父元素div跟着移动问题解决相关推荐

最新文章

热门文章