当前位置: 代码迷 >> Web前端 >> 让人扭结的span
  详细解决方案

让人扭结的span

热度:79   发布时间:2012-10-24 14:15:58.0
让人纠结的span

做小企业网站的时候经常会碰到这样一种布局:



布局方法是在大层里套两个小层,一个浮动在左,一个浮动在右。
还有一种比较简单的方法是直接在大层中写内容,more可以加上span浮动在右边。
例如:
<div class="title">
	公司简介<span>+more</span>
</div>

	.title{ 
		width:500px;
		height:30px; 
		color:#FFF;
		line-height:30px;
		font-weight:bold;
		font-size:14px;
		background:#66CCFF;
		}
	 .title span{
	 	float:right;
		color:#0066FF;
	 }


IE8正常,但是在IE6下的效果如下:


引用
解决IE6兼容办法:
将title层里的span元素放在文字(公司简介)的前面即可。纠结。。。
  相关解决方案