> 웹 프론트엔드 > HTML 튜토리얼 > 百分比问题_html/css_WEB-ITnose

百分比问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:31:53
원래의
1055명이 탐색했습니다.

.login_wrapper这个div用百分比可以显示

<html><head><title></title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"></div></body></html>
로그인 후 복사

而加上DOCTYPE 声明如下,就不能显示了,为什么?
<html><head><title></title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"></div></body></html>
로그인 후 복사


回复讨论(解决方案)

<!doctype html><html><head><title>this is open lab</title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"> </div></body></html>
로그인 후 복사
로그인 후 복사

<!doctype html><html><head><title>this is open lab</title><style>body{width:100%;height:100%;}.login_wrapper{ width:50%;height:100%;background-color:red;}</style></head><body><div class="login_wrapper"> </div></body></html>
로그인 후 복사
로그인 후 복사


我是想知道为什么加了声明,就不能像不加声明那样显示

浏览器的工作模式不同,对一些错误的处理也不同,最好的就是一直用标准 的写法,不要丢三拉四

浏览器的工作模式不同,对一些错误的处理也不同,最好的就是一直用标准 的写法,不要丢三拉四


我想实现用百分比去布局,百分比是基于父标签的,我在body标签中定义width和height都为100%,在div中设置width和height都为50%,给background为red,在有申明情况下就不显示,没有声明情况下在FF42.0和IE8下都能显示,这是为什么?在申明的情况下我该怎么去用百分比布局?

照你的说法:加了doctype就无法实现百分比布局了?怎么可能!

贴上你的代码吧

照你的说法:加了doctype就无法实现百分比布局了?怎么可能!

贴上你的代码吧


我就是想知道为什么会出现上面我说的那情况,至于布局肯定能布局,不管怎么样,只有你来
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿