建站专家,专业网站建设 为客户创造互联网时代新价值
网站没有访问量?网站没有排名?创意网络来帮您!
专注于推广营销型企业网站建设,让您的网站“活”起来!

在线咨询
经济型网站1500元 标准型网站2500元 商务型网站3500元 定制型网站
行业资讯 技术支持 编程技术 优化技术 建设文摘 营销技术 建设帮助
国内虚拟主机 香港虚拟主机 美国虚拟主机
服务项目
企业网站解决方案企业网站解决方案
打造企业品牌形象,建立企业网络平台,提供全方位的企业网站建设一条龙服务。
企业网站优化推广方案企业网站优化推广方案
专业的SEO服务,网站优化,排名提升,为企业创造更多的商机。
域名主机租用服务域名主机租用服务
稳定的DNS服务器,24小时不间断监控,为您保证稳定、高速的网站运作环境。
搜索引擎化化SEO
我要新建网站
番禺网站建设为您建立一个能不断为您带来新客户的网站[了解详情]

改版我的网站
网站改版可以带来优质的用户体验,增加网站优化细节
[了解详情]
IE6重复文字和文字溢出

处理的方式根据实际的情况,一般注意注释不要放置于2个浮动的区块之间。

第一种:重复文字CSS中用了float属性,并且用了html注释<!-- 注释 -->

<div style="width:200px;">
 <div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
 <div style="float:left;width:200px;">前前前前前</div>
 <div style="clear:both;"></div>
</div>解决方法一:在父级容器加入:display:inline;

<div style="width:200px;display:inline;">
 <div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
 <div style="float:left;width:200px;">前前前前前</div>
 <div style="clear:both;"></div>
</div>
解决方法二:在子级容器去掉注释

<div style="width:200px;">
 <div style="float:left;"></div>
 <div style="float:left;width:200px;">前前前前前</div>
 <div style="clear:both;"></div>
</div>
解决方法三:去除父级容器宽度

<div>
 <div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
 <div style="float:left;width:200px;">前前前前前</div>
 <div style="clear:both;"></div>
</div>
第二种:在ie6,7下会多出两个猪

<style type="text/css">
.test {
display:block;
float: left;
margin-right:2px;
}
.main {
width:200px;
}
</style>
<div class="main">
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">两猪两猪两猪</a>
<a href="#" style="color:#f00">↑上面就是多出的猪两个</a>
<a href="#" class="test">再谈猪的问题</a>
</div>解决方法一:用添加<br />的方法

<style type="text/css">
.test {
display:block;
float: left;
margin-right:2px;
}
.main {
width:200px;
}
</style>
<div class="main">
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">两猪两猪两猪</a><br />
<a href="#" style="color:#f00">↑上面就是多出的猪两个</a>
<a href="#" class="test">再谈猪的问题</a>
</div>解决方法二:清除浮动的方法

<style type="text/css">
.test {
display:block;
float: left;
margin-right:2px;
}
.main {
width:200px;
}
</style>
<div class="main">
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">两猪两猪两猪</a>
<a href="#" style="color:#f00;clear:both">↑上面就是多出的猪两个</a>
<a href="#" class="test">再谈猪的问题</a>
</div>解决方法三:在文字外面再套用<div></div>

<style type="text/css">
.test {
display:block;
float: left;
margin-right:2px;
}
.main {
width:200px;
}
</style>
<div class="main">
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">两猪两猪两猪</a>
<a href="#" style="color:#f00"><div>↑上面就是多出的猪两个</div></a>
<a href="#" class="test">再谈猪的问题</a>
</div>解决方法四:也加上浮动效果

<style type="text/css">
.test {
display:block;
float: left;
margin-right:2px;
}
.main {
width:200px;
}
</style>
<div class="main">
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">再谈猪的问题</a>
<a href="#" class="test">两猪两猪两猪</a>
<a href="#" style="color:#f00" class="test"><div>↑上面就是多出的猪两个</div></a>
<a href="#" class="test">再谈猪的问题</a>
</div>将main中的宽度设定到一定数值时也可以是正常的


资料来源:创意设计工作室 http://www.py162.com,转载请注明出处!
  • 相关文章
  • ·网站音乐文件链接给盗 造成虚拟主机流量超标
  • ·伪静态处理与SEO优化
  • ·网站建设中ASP、JSP、PHP 三种技术比较
  • ·如何知道各大搜索引擎什么时候光临您的网站?
  • ·番禺网站建设教你自动生成网站地图文件
  • ·有关301重定向方法大全
  • ·今天发现百度分享是个不错的工具
  • ·番禺网站建设之HTML代码优化
  • ·详解301永久重定向实现方法
  • ·番禺网站建设:原来404页面可以这样做
  • ·用ASP制作网站时cookie是个好东西
  • ·两个方法检查网站robots.txt是否合理
  • 网友评论
    用户名: