多语言展示
当前在线:1315今日阅读:61今日分享:18

css之利用margin和padding实现等高布局

对于多列布局中有时候我们需要达到等高布局的效果;实现的方法有很多哈。这里我们看一下如何利用margin 和padding实现这个效果;
方法/步骤
1

先看看这是不是你想要的css两端对齐效果。不是可以不往下看了。

2

好了 ,入题,先看看整体的html结构。

3

css内容也非常的简单,先把内容抄下来吧。下面做一个小解释。

4

首先给父级的div设置一个 overflow:hidden;

5

margin-bottom 给一个很大的负值,再用padding填充回来。

6

这就是关于css之利用margin和padding实现等高布局的案例 动手吧代码君

注意事项

感谢读者投票+1

推荐信息