`

dhtml 浮动 与margin

XHTMLCSSHTML
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试浮动</title>
<style type="text/css">
.wrapper{width:520px; background-color:#FFCCFF; float:left;}

.top{width:520px; background-color:#CCFFFF;}
.top dl{510px;}
.top dl dd{width:200px;margin-left:10px; margin-top:10px;}
.nexttop{ width:520px;margin-top:20px; float:left;background-color:#66FFFF;}
</style>
</head>

<body>


<div class="wrapper">

<div class="top">
 <dl>
     <dd>若不浮动会是怎么样的效果</dd>
        <dd>好像dl dd 不受浮动影响</dd>
    </dl>
</div>

<div class="nexttop">下半部分，不浮动，没有所谓的margin</div>
<div>啥也没有 在没有浮动的情况下，使用外部的颜色</div>

</div>

</body>
</html>

 

做了个小测试，<div>在不浮动的情况下，margin-top,margin-bottom,不起作用

但是<dl>下的<dd>标签，不受浮动的影响，没有浮动的情况下，margin-top,margin-bottom,照样起作用

 

分享到：
| js 判断是否为null(非空)
评论
发表评论

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

相关推荐

    DHTML 手册 DHTML 手册

    DHTML 手册 DHTML 手册 DHTML 手册 DHTML 手册

    DHTML手册 DHTML

    DHTML手册 DHTML

    《JavaScript+DHTML语法与范例详解词典》源码

    此为《JavaScript+DHTML语法与范例详解词典》一书的源码. 内容简介 《JavaScript+DHTML语法与范例详解词典》词条包含的主要内容有JavaScript的全局函数和基础对象的函数和属性；如何通过JavaScript DOM对象来动态地...

    DHTML概念、核心和编程

    DHTML技术资料 DHTML的概念 DHTML 技术的核心—DOM CSS-P DHTML 编程

    Dhtml手册(Dhtml手册.chm)

    Dhtml手册(Dhtml手册.chm)

    DHTML 手册中文文档

    DHTML 完全手册 动态 HTML (DHTML) 对象模型参考 &lt;br&gt;DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 &lt;br&gt;HTML 元素 HTML 字符集 样式表(CSS)参考 &lt;br...

    DHTML参考手册DHTML参考手册

    DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化...

    dhtml参考手册 chm版本

    DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化...

    DHTML电子书DHTML电子书DHTML电子书DHTML电子书

    DHTML电子书 DHTML电子书 DHTML电子书 DHTML电子书DHTML电子书 DHTML电子书

    DHTML 手册

    DHTML 手册 DHTML

    css与DHTML布局

    CSS ，DIV， DHMTL学习书籍，dhtml全程解析。

    DHTML中文版 chm

    DHTML中文版 chm

    DHTML动态网页设计(完整课件)

    DHTML 不是由万维网联盟（W3C）规定的标准。DHTML 是一个营销术语 - 被网景公司（Netscape）和微软公司用来描述 4.x 代浏览器应当支持的新技术。 DHTML 是一种用来创建动态站点的技术组合物。对大多数人来说，DHTML ...

    DHTML手册 DHTML手册

    !DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD)。 a 标明超链接的起始或目的位置。

    DHTML动态网页设计与制作.rar

    DHTML动态网页设计与制作.rar

    DHTML 手册DHTML 手册

    DHTML 手册DHTML 手册DHTML 手册DHTML 手册

    DHTML.api手册

    　DHTML 不是由万维网联盟（W3C）规定的标准。 　DHTML 是一种用来创建动态站点的技术组合物。 　对大多数人来说，DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。 　W3C 曾讲过：“动态HTML是一个被...

    精通DHTML

    精通DHTML 精通DHTML精通DHTML

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