`

解决html dtd声明页面中元素的绝对定位问题

 
阅读更多
下面这段简单的代码为什么没有绝对定位呢~?
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
</HEAD>
<BODY>
<imgid="img1"src="di-3.png"style="position:absolute;top:200;left:200"/>
</BODY>
</HTML>
根据我试验得到的结果就是,dtd声明下的html有严格的检查,top:200 必须写成top:200px 。。。呵呵
分享到:
评论

相关推荐

    ie6十大兼容性问题

    在整个开发过程中,应该定期测试IE6下的页面表现,以尽早发现并解决问题。如果页面在Firefox和IE6下都能正常工作,那么通常也能在其他现代浏览器中正常显示。 #### 十、重构代码 有时候,对HTML结构进行微调或简化...

    10个技巧帮你搞定IE 6

    - 通过设置`position: relative`,可以解决布局对齐和定位问题,特别是对绝对定位的元素。不设置position可能导致元素位置错乱。 3. **浮动元素设置display:inline** - 为浮动元素设置`display: inline`可以修复...

    DOCTYPE HTML PU.docx

    - `canvas`: 为canvas元素设置样式,使其充满整个屏幕,并绝对定位。 - `.child`: 定义一个类,用于定位页面中央的`&lt;div&gt;`元素,使其水平和垂直居中。 - `h4`: 设置标题的样式,包括字体大小、字体类型、颜色和...

    html代码资源.doc

    `.i`类设置了边框样式、背景颜色、宽度和高度,用于创建多个绝对定位的`&lt;div&gt;`元素,这些元素通过`id`属性(如`layer1`、`layer2`、`layer3`和`layer4`)进行区分,并通过`position:absolute`实现定位,`z-index`...

    奥运会网页代码(个人设计)

    从给定的网页代码来看,该页面主要涉及到了HTML与CSS的基本应用,包括文档类型声明、命名空间引用、元信息定义、样式表嵌入、层叠样式规则设定以及文本内容排版等。以下是对该网页代码中关键知识点的详细解析。 ###...

    初学者html的礼物模版网页代码.pdf

    在模版中,还定义了绝对定位的样式,这允许开发人员将元素精确地定位在页面的指定位置。这在制作动态效果或布局时非常有用。 **综合应用** 文档中还包含了一些用于捕捉用户鼠标移动事件的代码,这些代码通过获取...

    滚动新闻 网页特效 源代码

    CSS(层叠样式表)用于控制网页元素的外观。在这个例子中,CSS被用来定位和设置滚动新闻区域的样式。例如,`#divUpControl`和`#divDownControl`是控制按钮的样式,它们被绝对定位在屏幕的左上角和右下角。`#...

    xhtml css网页制作问题的解决方法

    利用开发者工具进行调试是解决问题的关键。Firefox的Firebug和Chrome的Developer Tools都是强大的调试利器,可以帮助你查看元素的盒模型、样式应用情况,甚至实时编辑CSS,快速定位问题。通过它们,你可以查看元素的...

    非常不错的页面特效 建议大家看下

    标题和描述中提到的“非常不错的页面特效”可能是指一种独特的、视觉效果出众的网页元素动画或交互设计。这段代码片段展示了一种基于HTML和CSS实现的简单但引人注目的特效。 首先,我们看到文档类型声明`&lt;!DOCTYPE ...

    网页设计实训报告(20211007183953).pdf

    例如`#Layer1`使用了绝对定位,设置了元素在页面上的位置和尺寸。 - **类选择器和样式定义**:通过类选择器(如`.STYLE1`),可以为多个HTML元素应用相同的样式规则。`font-size: 18px; color: #0000FF;`定义了文本...

    IE与FF的CSS兼容问题大集合

    `配合`line-height`来实现文本的垂直居中,但对于块级元素,则需要其他技巧,如使用绝对定位或Flex布局。 #### 7. `cursor: pointer`在IE和FF中的表现不一致 **问题描述**:`cursor: pointer;`在IE中显示为手型...

    超炫大图幻灯片

    文档中的某些元素使用了绝对定位`position: absolute;`,例如`&lt;a&gt;`标签。这种方法允许元素相对于最近的非static定位祖先元素进行定位,非常适合于创建固定位置的元素或者布局组件。 通过以上分析,可以看出这份Java...

    web_divcss经典教程.ppt

    定位是CSS中的另一个重要概念,包括静态定位、相对定位、绝对定位和固定定位等。这些定位方式允许开发者精确地控制元素在页面上的位置,实现复杂布局。 综上所述,`web_divcss经典教程.ppt`主要涵盖了CSS的基础知识...

    div css学习笔记

    在网页开发中,**DOCTYPE**声明是HTML文档的一部分,它告诉浏览器该页面使用的HTML或XHTML的版本和类型。这有助于确保浏览器正确解析和显示页面。在给定内容中提到了三种DOCTYPE声明: 1. **HTML 4.01 严格型** ``...

    DIV+CSS布局初级教程

    而“CSS”即Cascading Style Sheets(层叠样式表),用于定义网页元素的样式。 - **优势**: - 易于维护和修改; - 页面载入更快; - 设计灵活性高; - 易于搜索引擎抓取。 #### 二、XHTML与CSS+DIV布局 - **...

    html5.docx

    4) 声明:XML文档可以包含DTD(Document Type Definition)或XSD(XML Schema Definition)来定义元素和属性的结构。声明有助于验证XML文档的有效性。 3. XML 文档显示:浏览器通常不默认解析XML,需要通过CSS或...

    css设计基础(ppt)

    5. **定位(Positioning)**:CSS提供了静态、相对、绝对和固定四种定位方式,用于控制元素在页面中的位置。 6. **响应式设计**:随着移动设备的普及,CSS3引入媒体查询(Media Queries),允许根据设备特性调整...

    智播客PHP面试宝典第一版(上卷基础篇)

    - `div.a`: 设置了`position:relative`,作为绝对定位元素的参照物。 - `div#b`: 使用了`position:absolute`,相对于最近的具有定位的祖先元素定位。设置`z-index:1`,决定了元素的堆叠顺序。 - `div#c`: 同样...

Global site tag (gtag.js) - Google Analytics