">

杭州前端外包

左右两列,等高布局

等高布局在实际的应用中会经常用到。最常见的是左边的内容很多,而右边的内容却很少。

为了不让右边出现太多的空白,有时需要让右边的高度和左边的保持一致。

我总结了两个方法,如下:

1、这个方法的原理是事先通过正内边距来使其拥有足够高度,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。

2、jq的实现方法,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。

原创文章请注明转载自杭州WEB前端外包网站本文地址:http://hz.35ui.cn/post/33.html,标题:左右两列,等高布局

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

杭州前端外包验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。