Rumah > hujung hadapan web > html tutorial > 固定高度和百分比高度能否有限结合,完美布局?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:03:23
asal
1361 orang telah melayarinya

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


回复讨论(解决方案)

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

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

    

div1

    

        
div2

        
div3

        
div4

        
div5

    

是这种效果吗?

    

div1

    

        
div2

        
div3

        
div4

        
div5

    

是这种效果吗? 这种只能满足我的一部分需求,还有些不能实现的,已经放弃百分比了,全都用固定像素设置了
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan