div内部的Span格式不正确
div内部的Span格式不正确
提问于 2012-10-23 18:30:04
我想在div内使用span。
div用于放置红色的水平线。
<div style="background-color:red;">
</div>span在div中用于将元素放在正确位置。
<div style="background-color:red;">
<span style="float:right;">
ABC
</span>
</div>但是的水平线没有得到红的颜色，只有ABC是在右边显示的，实际上没有像div那样宽度的影响:900 do .....why？
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-10-23 18:33:17
我建议：
<div style="background-color:red; text-align:right;">ABC</div>否则，您需要将overflow:auto添加到div的样式定义中，如果您想像最初的示例那样利用<span>。
干杯
Stack Overflow用户
发布于 2012-10-23 18:31:50
将overflow:auto添加到div中：
<div style="background-color:red;overflow:auto;">
<span style="float:right;">
ABC
</span>
</div>浮动内部跨度会导致div本质上崩溃，而添加溢出规则使其能够重新获得span。
Stack Overflow用户
发布于 2012-10-23 18:33:27
浮子没有给你的div任何高度。您需要使用clear来跟踪它。试试这个：
<div style="background-color:red;">
<span style="float:right;">
ABC
</span>
<div style="clear: both;"></div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13036880
复制相关文章
相似问题
腾讯云开发者
