Rumah >hujung hadapan web >html tutorial >百分比问题_html/css_WEB-ITnose

百分比问题_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 11:31:531039semak imbas

.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就无法实现百分比布局了?怎么可能!

贴上你的代码吧


我就是想知道为什么会出现上面我说的那情况,至于布局肯定能布局,不管怎么样,只有你来
Kenyataan:
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