相对性完善的CSS肯定底部

2021-03-15 08:13 jianzhan

CSS的简易在于它易学,CSS的艰难在于找寻更好的处理计划方案。在CSS的全球里,好像沒有完善这类说法。因此,如今详细介绍的CSS肯定底部,只是现阶段本人见过的计划方案中较为完善的吧。
CSS的简易在于它易学,CSS的艰难在于找寻更好的处理计划方案。在CSS的全球里,好像沒有完善这类说法。因此,如今详细介绍的CSS肯定底部,只是现阶段本人见过的计划方案中较为完善的吧。
先说大家为何会应用到这个CSS底部合理布局处理计划方案:
作为1个网页页面时,假如网页页面內容非常少,不够于填充1屏的对话框地区,按一般的合理布局,就会出現下面照片中的模样(也便是底部內容并沒有坐落于对话框的底部,而留下了很多空白。

针对追未完善的设计方案师来讲,这是不美观大方的。在网上有1些处理计划方案,但会出現当更改对话框高宽比时,底部和文章正文重合的BUG。虽然沒有是多少人会有事不要紧的去更改对话框高宽比,但设计方案嘛,追求完美的便是至善至美。

下面是我寻找的1个较为完善的方式,来自海外的设计方案达人,纯CSS,能够完成: 当文章正文內容非常少时,底位置于对话框最下面。当更改对话框高宽比时,不容易出現重合难题。

乃至,造就该CSS的人还专业创立1个网站详细介绍这个CSS底部合理布局计划方案。不知道道他有木有去申请办理专利权:)
HTML编码:
<div id="wrap">
<div id="main" class="clearfix">
<div id="content">
</div>
<div id="side">
</div>
</div>
</div>
<div id="footer">
</div>

表明: 应用这个合理布局的前提条件,便是footer要在总的div器皿以外,footer应用1个层,其它全部內容应用1个总的层。假如的确必须到加上其它同级层,那这个同级层就务必应用position:absolute开展肯定精准定位。
上1页12 下1页 阅读文章全文