padding-top与margin-top的区别在哪里啊

yifuzhiming 2009-04-10 10:12:46

谢谢，我觉得这两个属性是重复的啊

...全文

11172 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

TT_rain 2011-03-16

打赏
举报

[Quote=引用 4 楼 malan_wpf 的回复:]
就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。
[/Quote]
很贴切

mycjzlove 2010-04-09

打赏
举报

非常感谢，，，明白

Teng_s2000 2009-04-13

打赏
举报

[Quote=引用 3 楼 malan_wpf 的回复:]
就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。
[/Quote]
比较形象而且易懂

fxfzzz2 2009-04-12

打赏
举报

就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离.
同意!!!!!!!!!!!!!!

夜雨_Jason 2009-04-11

打赏
举报

盒子模型

浴火_凤凰 2009-04-11

打赏
举报

[Quote=引用 3 楼 malan_wpf 的回复:]
就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。
[/Quote]
说的真是通俗易懂啊！！！就是这个意思。

浴火_凤凰 2009-04-11

打赏
举报

盒子模型！

yixianggao 2009-04-10

打赏
举报

重发示例

<!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>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

  <style type="text/css">

body

{

    padding: 0px;

    margin: 0px;

}

  </style>

 </head>



 <body>

    <input type="text" value="距离底部滴黄色区域 20px;" />

    <div style="margin: 20px; padding: 50px;background-color: yellow;">

        <div style="background-color: green;">margin: 20px; padding: 50px;</div>

    </div>

    <input type="text" value="距离上部滴黄色区域 20px;" />

 </body>

</html>

luojihaidao 2009-04-10

打赏
举报

查看　盒子模型！

yixianggao 2009-04-10

打赏
举报

Web 开发常用手册

DHTML参考手册.rar
http://download.csdn.net/source/308913

样式表中文手册.chm
http://download.csdn.net/source/304124

L@_@K

<!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>

  <title> new document </title>

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

  <style type="text/css">

body

{

	padding: 0px;

	margin: 0px;

}

  </style>

 </head>



 <body>

	<input type="text" value="margin: 50px;" />

	<div style="margin: 20px; padding: 50px;background-color: yellow;">

		<div style="background-color: green;">margin: 20px; padding: 50px;</div>

	</div>

	<input type="text" value="margin: 50px;" />

 </body>

</html>