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

布局方法是在大层里套两个小层,一个浮动在左,一个浮动在右。
还有一种比较简单的方法是直接在大层中写内容,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元素放在文字(公司简介)的前面即可。纠结。。。
将title层里的span元素放在文字(公司简介)的前面即可。纠结。。。


