css属性改变容器的尺寸
- 可以改变元素占据空间（如影响父元素的高度（当父元素不定高的情况下））
<html>
<style>
/*此处省略reset.css*/
.box1{background:gray;}
/*设置vertical-align：bottom 是为了解决img与父级元素之间留有空白的故障*/
.box2{height:200px;width:200px;background:gold;vertical-align:bottom;}
</style>
<body>
<div class="box1">
</div>
</body>
</html>
margin负值的应用
-
margin负值下的两端对齐（margin改变元素尺寸）
图片.png
- margin负值下的等高布局（margin改变元素占据空间）
通过设置margin-bottom为负值，padding-bottom为正值来实现。父元素需overflow:hidden;
- margin负值下的两栏自适应布局
网友评论