这里分享下css段距/边距的方法。
设备：联想电脑
系统：xp
软件：代码编辑器zend studio 10.0
1、首先新建一个html文件，命名为test.html，在test.html文件中，在div标签内，使用p标签创建一行。
2、在test.html文件中，设置p标签的class属性为mytest。
3、在css标签内，设置div的样式，定义它的宽度为300px，高度为300px，边框为1px的红色边框。
4、在css标签内，通过class设置p标签的样式，使用margin-top属性定义它上外边距为50px，使用padding-top定义它上内边距为50px。注：margin-top属性和padding-top属性不同之外在于内与外边距的区别。
5、最后在浏览器打开test.html文件，查看实现的效果。
1、首先需要新建一个HTML页面。
2、然后输入页面的标题，可以按照下方图中的进行设置。
3、然后在根据下方图片中的代码进行编辑，
4、在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。
5、在两个div中加入相同的图片<img src="images/5.png" />，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了。
6、然后在输入命令.img img{ width:100%height:auto}，这样就完成了。
您提供的HTML代码中，div元素的border属性值没有指定单位（如px），这可能导致浏览器无法正确解析该CSS规则，从而未正确应用样式。您可以将border的属性值修改为类似于border: 2px solid black的形式来指定边框的像素宽度、样式和颜色。另外，如果该HTML代码是嵌入在其他HTML文档中的，您还需要将其放置在HTML文档的<body>标签中，以确保正确显示。以下是修改后的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<style type="text/css">
div.one {
width: 100px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<h1>呵呵呵</h1>
<div class="one"><p>啊啊啊啊啊你你你</p></div>
</body>
</html>
在这个示例中，div元素的样式已经指定了单位，并且被嵌入在HTML文档的<body>标签中。这应该可以正常显示了。
