Maison > interface Web > tutoriel HTML > 固定高度和百分比高度能否有限结合,完美布局?_html/css_WEB-ITnose

固定高度和百分比高度能否有限结合,完美布局?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:03:23
original
1361 Les gens l'ont consulté

有一个页面,本来是所有的div都按百分比设置,填充整个页面的,但是后来发现有一两个div 只能设置固定长宽。以高度为例,本来五个div都设置20%填充整个页面, 后来发现第一个div只能设置高度200px(假如),那么有没有办法通过一定的设置使高度填充整个页面的高度呢?
有没有人遇到过类似的问题?我想过用最小和最大高度来辅助设置,但一直觉得有些缺陷,求帮忙分析。


回复讨论(解决方案)

没有太理解你的意思。可以在最外层固定一个高宽恒定的盒子~

再用上JS/JQUERY就可以随心所欲

    

div1

    

        
div2

        
div3

        
div4

        
div5

    

是这种效果吗?

    

div1

    

        
div2

        
div3

        
div4

        
div5

    

是这种效果吗? 这种只能满足我的一部分需求,还有些不能实现的,已经放弃百分比了,全都用固定像素设置了
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal