0 0

大家来看看我的这个代码为什么显示不出来框?5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
.1{background-color:#F00;width:100px;height:100px;float:left}
.2{background-color:#0F0;width:200px;height:200px;float:left}
.3{background-color:#0F0;width:50px;height:50px;float:left;clear:left}
</style>
</head>

<body>
<div class="1"></div><div class="2"></div><div class="3"></div>
</body>
</html>
2012年7月26日 01:35

3个答案 按时间排序 按投票排序

0 0

采纳的答案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
.t1{background-color:#F00;width:100px;height:100px;float:left}
.t2{background-color:#0F0;width:200px;height:200px;float:left}
.t3{background-color:#0F0;width:50px;height:50px;float:left;clear:left}
</style>
</head>

<body>
<div class="t1"></div><div class="t2"></div><div class="t3"></div>
</body>
</html>

2012年7月26日 20:31
0 0

楼上的正解。正是这个道理。

2012年7月26日 09:25
0 0

class命名错误,需要以字母或下划线开始,不能以数字开始。把123改掉就可以了。

2012年7月26日 06:03

相关推荐

    百度搜索框html代码

    在这个实例中,可能会有一个`&lt;title&gt;`标签来设置页面标题为"百度搜索框",以及引用外部CSS和JS文件的`&lt;link&gt;`和`&lt;script&gt;`标签。 2. `&lt;body&gt;`标签:包含网页的实际内容。搜索框通常由`&lt;form&gt;`标签定义,其中包含一...

    易语言代码编辑框应用

    首先,我们来看代码编辑框的应用。在易语言中,代码编辑框通常用于创建文本编辑器或者IDE(集成开发环境)中的源代码编辑部分。通过代码编辑框,程序员可以方便地输入代码、高亮显示语法、进行自动完成等操作。...

    jquery简单的鼠标悬停按钮显示浮动提示框效果代码

    本文将深入探讨如何使用jQuery实现一个简单的鼠标悬停按钮时显示浮动提示框的效果,这对于网页交互设计至关重要。 首先,让我们理解基本概念。`悬停`是鼠标指针在元素上停留的事件,而`浮动提示框`则是一种常见的UI...

    密码框密码察看程序源代码

    标题中的“密码框密码察看程序源代码”指的是一个软件开发项目,主要目的是实现一个功能,让用户在输入密码时能够以星号或其他...同时,这也为想要了解Delphi编程或Object Pascal语言的人提供了一个实际的案例研究。

    搜索框(弹出动效)

    在“弹出搜索框”这个压缩包文件中,可能包含了实现这一功能的相关代码示例、设计图稿或动画资源。开发人员可以从中学习如何结合HTML、CSS和JavaScript来创建一个具有弹出效果的搜索框,同时也可以研究动效设计,...

    美化单选框跟复选框代码

    "美化单选框跟复选框代码"这个项目就是针对这个问题,提供了一种解决方案,它使用JavaScript技术来实现对这些元素的美化,同时保持了良好的浏览器兼容性,包括IE8。 在JavaScript中,我们可以利用DOM(Document ...

    解决微信小程序真机 showToast 不显示

    真机上测试发现调用 showToast 不显示,或者闪一下就没了。经过查找,发现是与 wx.showLoading 冲突了,两者调用的是同个框。 先放上我的错误代码:   // 请求事件 requestEvent: function() {   wx.showLoading({...

    利用Jquery消息框,源代码提供

    在本文中,我们将深入探讨如何利用jQuery来创建一个消息弹出框,并且提供完整的源代码供初学者学习。jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互,同时也为开发者提供了丰富的插件和...

    类似qq消息弹出框代码

    对于"类似qq消息弹出框代码",我们可以假设这是一个简单的JavaScript实现,它可能包括以下几个核心知识点: 1. **DOM操作**:在JavaScript中,我们使用Document Object Model(DOM)来操作HTML元素。要创建一个弹出...

    7款CSS3制作美化的搜索框样式代码

    在网页设计中,搜索框是不可或缺的元素,它为用户提供了一种方便快捷的方式来查找网站上的特定信息。随着CSS3的不断发展,我们可以利用其强大的样式功能来美化这些搜索框,提升用户体验。本文将深入探讨如何使用CSS3...

    有下拉菜单的复选框的js代码

    在这个例子中,我们需要创建一个`&lt;select&gt;`元素来表示下拉菜单,并在其内部添加多个`&lt;option&gt;`元素作为可选择的选项。同时,为了实现复选功能,我们可能还需要`&lt;input type="checkbox"&gt;`元素,但由于它们通常不会...

    jQuery点击显示弹出框关闭按钮代码.zip

    在这个"jQuery点击显示弹出框关闭按钮代码"的压缩包中,我们可以预见到一个简单的功能实现:当用户点击页面上的某个元素时,会弹出一个包含关闭按钮的对话框。这个功能对于网页中的提示信息、用户确认操作或展示内容...

    bootstrap经典框架示例代码

    这个“bootstrap经典框架示例代码”压缩包包含了一些基于Bootstrap的实用示例,可以帮助开发者快速理解和应用Bootstrap的核心特性。 Bootstrap框架的核心组件包括网格系统、字体排版、导航、表单、按钮、警告提示、...

    上浮消息显示框

    总的来说,"上浮消息显示框"是一种增强用户体验的UI设计,通过动态、非侵入性的提示方式,为用户提供信息,而不会中断他们的主要任务。这种设计涉及到的技术包括动态界面设计、事件处理、窗口动画以及滚动条的实现,...

    asp.net状态栏显示消息框代码(如qq提示信息)/js 状态栏显示消息框代码(如qq提示信息)

    在ASP.NET中,我们可以创建一个服务器控件,比如一个按钮,当用户点击时触发JavaScript代码来实现状态栏提示。 在ASP.NET页面上,我们可以添加一个Button控件,并为其设置一个Click事件处理程序。在事件处理程序中...

    3种形式tips帮助提示框代码,鼠标悬停在问号上,出现提示框。提示框有纯文字,html代码,图片三种形式。兼容主流浏览器

    在上述代码中,我们创建了一个包含图片的提示框,并在鼠标离开时移除。 为了确保这些提示框在主流浏览器中兼容,我们需要遵循W3C标准,并可能需要使用polyfills或者条件注释来处理老版本的浏览器。同时,对CSS进行...

    HTML5棱形动态背景登录框代码.zip

    首先,我们来看"JS特效-表单按钮"这个标签。这表明该代码可能使用JavaScript来实现动态效果,尤其是与表单按钮相关的交互。JavaScript是一种强大的客户端脚本语言,它允许开发者在用户与网页交互时执行各种功能,如...

    Duilib进阶代码示例 XMP 仿迅雷看看播放器 完整代码

    在这个“Duilib进阶代码示例 XMP 仿迅雷看看播放器 完整代码”项目中,我们将深入探讨如何使用Duilib库来构建一个类似迅雷看看的播放器界面。 首先,我们来看“XMP”。XMP通常指的是“eXtensible Metadata Platform...

    终极解决kindeditor IE11兼容性看不到弹出框 360浏览器兼容性问题

    本文将深入探讨如何解决KindEditor在这些浏览器上出现的“看不到弹出框”问题。 首先,我们要理解这个问题的本质。在描述中提到的“只显示遮罩不显示弹出框”可能是因为CSS样式或者JavaScript执行在某些特定环境下...

    纯CSS3 UI制作搜索框样式代码.zip

    【标题】"纯CSS3 UI制作搜索框样式代码.zip"所涵盖的知识点主要集中在使用CSS3来设计和实现用户界面(UI)中的搜索框样式。CSS3是层叠样式表的第三版,它引入了许多新的特性和功能,使得网页设计师能够创建更为复杂...

Global site tag (gtag.js) - Google Analytics