我想在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?
发布于 2012-10-23 10:33:17
我建议:
<div style="background-color:red; text-align:right;">ABC</div>
否则,您需要将overflow:auto
添加到div的样式定义中,如果您想像最初的示例那样利用<span>
。
干杯
发布于 2012-10-23 10:31:50
将overflow:auto
添加到div中:
<div style="background-color:red;overflow:auto;">
<span style="float:right;">
ABC
</span>
</div>
浮动内部跨度会导致div本质上崩溃,而添加溢出规则使其能够重新获得span。
发布于 2012-10-23 10:33:27
浮子没有给你的div任何高度。您需要使用clear
来跟踪它。试试这个:
<div style="background-color:red;">
<span style="float:right;">
ABC
</span>
<div style="clear: both;"></div>
</div>
https://stackoverflow.com/questions/13036880
复制相似问题