<style type="text/css">
.div1{ border:1px solid red; width:250px; height:250px;}
.div2{ border:1px solid black; width:100px; height:50px; margin-top:200px;}
</style>
<div class="div1">
<span class="div2">测试</span>
</div>
为什么在.div2的样式中加上float:left后margin-top才生效
DIV 与 SPAN 两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
详解:1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
测试<span>紧跟前面的"测试"显示</span><div>这里会另起一行显示</div>
2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如:
测试<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>
所以一般网页是用 CSS+DIV,而不是CSS+SPAN
那跟float有什么关系呢???
楼上说的很好,
div+css你学的还不行啊,楼上引导的很不错,自己找点时间补补吧