[英]Span on top of one another
我想让这些跨度相互重叠,但不是那么幸运,
<td class="rtf hov">
<div>Investment</div>
<div class="mub eub">
<span style="float:left">Test</span>
<span style="float:right;">I want to be on Top</span>
<span style="float:right; color:green">I want to be on bottom</span>
</div>
</td>
所需的结果,
尝试这种方式
CSS
.left{
float:left;
}
.right{
float:right;
}
.clr{
clear:both;
}
HTML
<div class="msub estextsub">
<span class="left">Investment</span>
<span class="right">I want to be on Top</span>
<div class="clr"></div>
<span class="left">Test</span>
<span class="right">I want to be on bottom</span>
</div>
关于使用位置呢-像这里http://jsfiddle.net/76NNp/87/
<span style="position:absolute;top:0; right:0">I want to be on Top</span>
<span style="position:absolute;bottom:0; right:0">I want to be on bottom</span>
添加清除:在两个范围内。 这是工作代码:
.rtddef { padding: 10px 0 10px 10px; vertical-align: top; }
<td class="rtddef es1hov"> <div>Investment</div> <div class="msub estextsub"> <span style="float:left">Test</span> <span style="float:right;clear:both;">I want to be on Top</span> <span style="float:right; color:green;clear:both;">I want to be on bottom</span> </div> </td>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.