-
margin百分比计算规则查看全部
-
000查看全部
-
.main{ width:200px; height:100px; background-color:#ccc; } .right{ width:150px; height:100px; margin-bottom:-20px; background-color: red; } </style> </head> <body> <div class="main"> <div class="right">文字</div> </div> 我这样写，margin-bottom并没有改变占据尺寸啊？？？查看全部
-
margin:普通元素的百分比margin都是相对于容器的宽度计算的！查看全部
-
很不错查看全部
-
margin复值的两栏自适应不懂查看全部
-
可视尺寸-clientWidth margin与可视尺寸：只影响水平方向上的尺寸； 适应条件： （1）元素没有设置宽高，即没有设置width和height值 （2）适用于普通的block元素； 可以实现一侧定宽的自适应布局； margin与占据尺寸： 1. 适用于block和inleine-block 元素 2. 与height和width无关 3. 水平和垂直方向均可 利用这一特点可以处理的问题：容器的上下留白 等高布局查看全部
-
绝对定位元素的百分比margin是相对于第一个定位祖先元素(relative/absolute/fixed)的宽度计算的！查看全部
-
百分比margin的计算规则：普通元素的百分比margin都是相对于容器的宽度计算的！查看全部
-
hdbjsmssm查看全部
-
img{margin:10%} 是宽度的10%，而不是宽和高的10%查看全部
-
宽高2:1自适应矩形(如果要实现1:1就margin100%) （1）最里层的div是普通元素，所以其margin的百分比是相对于其容器.box的宽度来计算的； （2）最里层的div是空元素，所以本身不占据空间； （3）.box设置overflow:hidden;触发BFC，它会重新计算.box整个盒子的大小（占据尺寸），使得被触发BFC的元素不会影响到外面的元素，避免margin重叠，所以上下左右四个margin: 50%;不会出现在.box外面； （4）为什么2：1？因为垂直方向上margin重叠，所以不会出现上50%下50%的情况，那么高度上只有一个margin:50%查看全部
-
margin-collapse collapse：默认重叠 discard：取消，无margin separate:分离：30+50查看全部
-
margin与可视尺寸查看全部
-
使用margin负值完成两栏自适应布局： HTML结构： <div > <p >xx...</p> </div> <img width="150px" style='float:left; margin-left:-150px;'>查看全部
举报
0/150
提交
取消