Div高度百分比_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:41:561074검색
有时候设置高度百分比，没有效果。
原因是父元素没有设置高度。
父元素可以设置高度为具体的px。或是100%等百分比。
这样子元素再能根据百分比来设置高度。
<style type="text/css"> html,body { width:100%; height:100%; margin:0px; padding:0px; } .center { width:80%; margin:auto; } #top { height:20%; background-color:yellow; } #module { height:60%; background-color:gray; } #bottom { height:20%; background-color:blue; } </style><body> <div id="top" class="center"></div> <div id="module" class="center"></div> <div id="bottom" class="center"></div></body>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：html乱码问题다음 기사：css兼容各个浏览器的三角形图标_html/css_WEB-ITnose