为什么带有边距的p标签不会保留在包含div的范围内？

问题描述

| 这可能是一个简单的问题，但是为什么下面的段落标记（包括边距）不停留在其包含的div中？

<div class=\"blockone\"></div>
<div>
    <p>some text</p>
</div>

.blockone {
    background-color:Red;
    height:100px;
    margin:50px 0px;
}
div p {
    margin:50px 0px;
}

将示例放在jsfiddle中 http://jsfiddle.net/dr6kN/7/ 我希望文本和块之间相隔100像素？我知道我是通过浮动来获得这种行为的，可以从事一些工作，但是正在寻求一点理解：)     

解决方法

我不确定您指的是“包含div”，因为

p

位于第二个

div

（底部透明的底部）中，因此从技术上讲它位于其包含containing2ѭ中。   我希望文本和块之间相隔100像素？ 由于页边空白，ѭ1的空白会变为红色ѭ2的空白，因此只有红色so2的50像素边距会产生明显的效果。