css父元素和子元素,css选择父元素
css子元素如何在父元素中居中
1、定位+margin：auto 父元素 position: relative 子元素 position: absolute
left:0;top:0;right:0;bottom:0;margin: auto;
2、定位+margin-left+margin-top 父元素 position: relative 子元素 position:absolute
left:50%; top:50%; margin-left: -当前盒子宽度的一半; margin-top: -当前盒子高度的一
半
3、定位+transfrom（子元素未知宽高）父元素 position: relative 子元素 position:
absolute left:50%; top:50%; transform: translate(-50%,-50%); ? 弹性盒子父元素 display:
flex; justify-content: center; align-items: center;
4、flex+margin: auto 父元素 display: flex; 子元素 margin:auto;
2021-03-11css 在父元素和子元素之间得应用（重难点）
2.2、在父元素和子元素之间得应用（重难点）
1、父子之间水平距离
在子元素中设置margin-left，其值实际上是子元素的左边框距离父元素左padding内侧的距离。margin-right同理也是
在子元素中设置垂直方向得margin
-----问题:没有效果和父元素一块下来了
原因：实际上这是因为当父元素没有设置padding值以及border值时，出现了一个bug–父元素的上方与子元素的上方完全重合在了一起，无法分开。所以才会导致上述这种父元素和子元素同时向下的情况。
解决办法
css 田字布局，子元素之间，子元素和父元素之间间距10，自适应
前几天去猿辅导面试的css面试题，当时太紧张了，就想着怎么按百分比或者是位移搞，但是冷静下来，css复杂的定位就给元素包爸爸，几乎能解决一大票问题。
细致的描述问题：
一个父元素里面有四个子元素，按田字排列，子元素之间间距10px,和父元素之间的间距也是10px，父元素缩放时子元素要自适应。
解决思路就是父元素里面再包一层，来解决父元素和子元素间距10 的问题。
四个子元素分别再包一层b,b就负责宽高占父元素的50%，里面的b-inner，负责子元素之间的间距。用position absolute相对b进行定位，搞出间距，注意平分公共间距一个子元素应该位移的是5px。
css父元素和子元素，我点击父元素让其隐藏，但为什么点击子元素也会隐藏？
因为子元素在父元素的容器内。
给父层元素绑定事件，实际上已经包括了父层元素内的所有区域，所以也包括子元素，所以点击子元素会触发父元素的点击事件。
对于事件而言，这是一种事件传递。如果不希望事件传递下去，可以在子元素上使用js的阻止事件传递方法stopPropagation，就不会将事件传递到父层元素。
CSS里什么是父元素和兄弟元素?
????head
???????title.../title
????/head
????body
????????ul
???????????li332/li
???????????li233234/li
????????/ul
????????p.../p
????/body
/html
例如上面的html结构:
?html元素就是body和head的父元素（上下级，包含关系）
? 而body又是ul和p的父元素
? ul又是两个li的父元素。
两个li就是兄弟元素（平级）
? body和head也是兄弟元素，依此类推。
相应的， ul 和p是body的子元素， 而 li 呢， 是body的后代元素（后代选择符）。
? 你在dreamweaver里，套用源格式后，代码自动缩进，你很容易就能看出来的。
css子绝父绝,子元素可以以父元素为坐标么
当然可以。子元素是绝对定位，父元素为相对定位、绝对定位或固定定位，则子元素均以父元素作为坐标参照系。
顺便说说：可以隔代，比如子元素是绝对定位，父元素非定位元素，但祖父元素是相对定位，则子元素以祖父元素作为坐标参照系。