Home >Web Front-end >HTML Tutorial >百分比问题_html/css_WEB-ITnose

百分比问题_html/css_WEB-ITnose

WBOYOriginal: 2016-06-24 11:31:531039browse

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

贴上你的代码吧

我就是想知道为什么会出现上面我说的那情况，至于布局肯定能布局，不管怎么样，只有你来

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：IE8中伪元素动态作用样式不重绘bug记录_html/css_WEB-ITnoseNext article：使用CSS实现表格细边框的三种方式_html/css_WEB-ITnose

See more

百分比问题_html/css_WEB-ITnose

回复讨论(解决方案)

Related articles