`

诡异的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

java 
阅读更多
http://liuxiang822.iteye.com/blog/975224


Html代码 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<style type="text/css"> 
.ab_1{ 
    width:298px; 
    height:28px; 
    border-style: solid solid none solid ; 
    border-width: 1px ; 
    border-color: #97caf5 ; 
} 
.ab_01{ 
    float:left; 
    width:198px; 
    height:28px; 
    background-color:#60F; 
    } 
.ab_02{ 
    float:right; 
    width:100px; 
    height:28px; 
    background-color:#F00; 
    } 
 
</style> 
</head> 
     
<body> 
    <div class="ab_1"> 
        <div class="ab_01"></div> 
        <div class="ab_02"></div> 
</div> 
 
</body> 
</html> 
FF、谷歌中效果如下图：

IE中 效果如下图：


IE中发现右边那个层掉下来了！
解决办法: 把上面代码中的
Html代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
改成：
Html代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
分享到：
| 为什么使用<!DOCTYPE HTML>
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页 DOCTYPE html标签的作用1

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - XHTML1.0 Strict：`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...

    HTML 元素与合法的 Doctype.docx

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - **Strict**: `&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ...

    图书管理系统代码

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt; &lt;title&gt;登录图书...

    osgi基础demo

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;a test ...

    jsp登陆界面源代码

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;登录页面&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;form name="loginForm" method="post" action="judgeUser.jsp"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;用户名:...

    Struts+Spring+Hibernate框架及应用开发

    在IT领域，特别是软件开发行业中，Struts、Spring与Hibernate是三个非常重要的开源框架，它们分别在MVC架构、依赖注入以及数据持久化方面发挥着关键作用。下面将详细阐述这三个框架及其在应用开发中的作用。...

    关于梅花雨日历不同页面标准下的显示问题

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;br&gt;&lt;html lang="zh-CN"&gt;&lt;br&gt;&lt;br&gt;这种标准一下的宽度和高度必须指定单位，即width:144px; height: 211px;是认可的，而width:144; height: 211;是不...

    html标题_DOCTYPE的含义

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; ``` 3. **HTML Frameset DTD**：用于包含框架的文档，它等同于Transitional DTD，但替换body元素为...

    HTML5程序设计学习笔记

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - **HTML4.01 Frameset**：`&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" ...

    HTML常用标签讲解及其基础使用

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; ``` 3. **Frameset 文档类型**： - 应用于带有框架的文档。 - 示例： ```html &lt;!DOCTYPE HTML ...

    NewBlogOnline

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;% String id=request.getParameter("id"); BlogService service=new BlogService(); service.get %&gt; &lt;/...

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;`，而XHTML 1.0的声明可能为`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    微信飞机大战

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="content" content="text/html" charset="utf-8"/&gt; ...

    web开发设计php+mysql社区交流系统-web开发设计php+mysql社区交流系统

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;title&gt;无标题...

    testspringmvcproject.rar

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;%@ include file="/WEB-INF/commIncludePage/common.jsp"%&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=

    extjs实例教程附带源码

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;登录界面&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt; &lt;link rel="stylesheet" ...

    重写DropDownList控件,具有可选择,可自行输入文字功能

    在网上找了很多重写DropDownList控件可输入,可选择DropDownList的代码，一直没有合适的，这个代码源件是从国外网站上找来的，...DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;就不会出现错位的问题。

    DOCTYPE 标签

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; ``` 3. **Frameset DTD**：用于含有框架的文档。 ```html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...

    struts标签库

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;action标签&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 这句会显示action请求的跳转页面success.jsp页面要显示的内容 --&gt; &lt;s:action name=...

Magicbox
Global site tag (gtag.js) - Google Analytics