当前位置：首页 → 问答吧 → CSS的margin-top的值

CSS的margin-top的值

时间：2011-06-08

来源：互联网

<!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=gb2312" /> <title>无标题文档</title> <style> #parameter { float:left;width: 210px;background:red; } /*parameter左侧层里细节控制*/ #parameter div#author{ text-align:center; /* 设置一个背景图片 */ margin-top:5px; background-color: #006600; } p{ border:none;padding:0px; margin:115px 0px 8px 0px;display:block;} </style> </head> <body> <div id="c1"> <div id="parameter"> <div id="author"> <p><img src="http://www.0566pc.com/mypic.jpg" /></p> </div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

运行上面的代码，我想求教的是，author 标记下的p 定义的CSS 为 margin:115px 0px 8px 0px; 这个数值115PX的距离怎么是相对于parameter 这个DIV框。应该是author这个父级框啊？

求高手解答！！！！

[ 本帖最后由 net1833 于 2011-6-8 22:24 编辑 ]

作者: net1833 发布时间: 2011-06-08

这是符合标准的，父级框的高度为auto时。子框的margin-top margin-bottom撑不开父框的，想要达到目的的话两种办法 1：给父框加上/下边框； 2:给父框加上/下padding

作者: tinshee 发布时间: 2011-06-08

边距重叠。楼主搜索下就知道了。

作者: zhangxiaohan 发布时间: 2011-06-08