Heim > Web-Frontend > HTML-Tutorial > 百分比问题_html/css_WEB-ITnose

百分比问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:31:53
Original
1073 Leute haben es durchsucht

.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>
Nach dem Login kopieren

而加上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>
Nach dem Login kopieren


回复讨论(解决方案)

<!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>
Nach dem Login kopieren
Nach dem Login kopieren

<!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>
Nach dem Login kopieren
Nach dem Login kopieren


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

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

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


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

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

贴上你的代码吧

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

贴上你的代码吧


我就是想知道为什么会出现上面我说的那情况,至于布局肯定能布局,不管怎么样,只有你来
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage