目录
(接上一期知识,咱们继续讲解。)
一、解决父子传递
margin-top传递:如果块级元素的顶部线和父元素的顶部线重叠,那么这个块级元素的 margin-top值会传递给父元素。
解决方式:
一、给父母设置border边框
二、父级设置padding
三、父级触发BFC
1. overflow:hidden;
2. display:inline-block;
3.position:absolute;
4.float:left;
练习一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.father{
width: 300px;
height: 300px;
background-color: blue;
border: 1px solid;
.child{

本文介绍了CSS中解决父子传递问题的方法,包括设置border、padding和触发BFC,以及三种块元素垂直居中的实现方式,如margin调整、绝对定位和使用auto margin。还讲解了cursor属性的不同样式,如help、pointer、wait等,并通过实例演示了应用效果。
最低0.47元/天 解锁文章

8202

被折叠的 条评论
为什么被折叠?



