margintop失效（〔html〕为什么这种情况span的margin-top会失灵）
本文目录
- 〔html〕为什么这种情况span的margin-top会失灵
- div设置float属性，同级div的margin为何失效
- span标签设置margin-top没有效果呢
- 为什么我在VS里面设计的时候设置了margin-top的DIV显示正常，但是预览的时候margin-top就无效了
〔html〕为什么这种情况span的margin-top会失灵
因为span默认是行属性，而div默认是块属性，把span强制设为块属性就可以了。
☞把这段
span{
margin-left:25px;
margin-top:200px;
}
改为
span{
margin-left:25px;
margin-top:200px;
display:block;
}
div设置float属性，同级div的margin为何失效
据我推测不是margin失效，因为你使用了紧跟着的上一个div，就是上面的那个长图，div没有高度，导致margin-top失效：
解决办法：设置上一个DIV高度；
也有可能是float导致的上一个div没有高度，解决办法是在div的结尾处，加上
《div style=“clear:both“》《/div》来清除浮动
span标签设置margin-top没有效果呢
《span》是行内元素，span只有margin-left和margin-right才有效果。要想margin-top生效就要把span转给块级元素才行。在span的css中加入以下属性即可。
.span{display:block;}为什么我在VS里面设计的时候设置了margin-top的DIV显示正常，但是预览的时候margin-top就无效了
1. 这段代码少加了一个闭合的div标签，而且样式部分还可以稍稍简化一下：
《div style=“width:481px;height:242px;background-image:url(images/bg_login_panel.png);margin:0 auto;“》
《div style=“width:320px;height:144px;margin:55px auto 0px;“》
《div class=“md“》
《div class=“md_left“》用户名：《/div》
《div class=“md_right“》
《input class=“textbox“ id=“txtUserName“ name=“txtUserName“/》
《/div》
《/div》
《/div》
《/div》
2. 现在好多所见即所得的软件的解析和浏览器的解析还是有些区别的，所以并不是所有的预览都和浏览器中一致，这种情况，就要以浏览器的最终效果为准。
3. 再者代码尽可能符合标准，效果一致的可能性就更大了。
更多文章：
2026年10月11日 08:10
易语言网页api接口怎么调用（易语言，怎么读取网页json的api）
2026年10月11日 08:00
majority of（the majority of 和 a majority of的区别以及用法例句）
2026年10月11日 07:40
2026年10月11日 07:20
2026年10月11日 06:30
2026年10月11日 06:20
2026年10月11日 05:40
another time（another time和other time的区别）
2026年10月11日 05:00
2026年10月11日 04:50
2026年10月11日 03:00
