Html Chrome当前版本中的线条高度错误?
我已经在静态html,css和它的工作很好我的网站。我已经在Ie7、firefox和chrome上进行了测试,结果都一样好 有时一段文字与另一段文字重叠。我不知道这是怎么回事。如果我刷新它的工作,但有时它的发生 这是Chrome的错误,还是我的代码有问题。我只是在某个时候发现了它,并且很惊讶,因为它只是一个html文件 这是密码Html Chrome当前版本中的线条高度错误?,html,Html,我已经在静态html,css和它的工作很好我的网站。我已经在Ie7、firefox和chrome上进行了测试,结果都一样好 有时一段文字与另一段文字重叠。我不知道这是怎么回事。如果我刷新它的工作,但有时它的发生 这是Chrome的错误,还是我的代码有问题。我只是在某个时候发现了它,并且很惊讶,因为它只是一个html文件 这是密码 <div class="slider-wrapper theme-default"> <div id
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
<a href="http://dev7studios.com">
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" /></a>
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
<img alt="" data-thumb="img/ban1.png" src="img/ban1.png" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
</div>
</div>
<div class="news-wrap">
<strong>Latest News: </strong>06/01/10 | A guide to maximizing your investment
</div>
<div class="vert-list">
<ul>
<li>
<div class="left-part">
<div class="head-txt">
<img src="img/li1-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm1.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i1.png" alt=""/>
</div>
</li>
<li class="mid">
<div class="left-part">
<div class="head-txt">
<img src="img/li2-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm2.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i2.png" alt=""/>
</div>
</li>
<li>
<div class="left-part">
<div class="head-txt">
<img src="img/li3-h.png" alt=""/>
</div>
<div class="txt">
error sit voluptatem accusantium doloremque laudantium,
</div>
<div class="lm">
<img src="img/lm3.png" alt=""/>
</div>
</div>
<div class="right-part">
<img src="img/li-i3.png" alt=""/>
</div>
</li>
</ul>
</div>
在我看来,这似乎是
float
样式规则的问题,而不是行高的问题。如果一个元素只包含浮动元素,那么它的高度将为0,对周围环境没有影响,并且它的所有内容都将浮动在它后面的元素的“上方”
提供您正在使用的代码或代码片段会很有帮助。在我看来,这似乎是浮动
样式规则的问题,而不是行高
。如果一个元素只包含浮动元素,那么它的高度将为0,对周围环境没有影响,并且它的所有内容都将浮动在它后面的元素的“上方”
提供您正在使用的代码或代码片段会很有帮助。如果共享代码,则最好进行分析。元素似乎是浮动的。如果共享代码,则最好进行分析。元素似乎是浮动的。请检查代码。这个问题只会在chrome中偶尔出现,而不是每次。我不知道这是否是一个错误。你知道为什么每次都不会发生这种事吗。谢谢你的帮助。请检查代码。这个问题只会在chrome中偶尔出现,而不是每次。我不知道这是否是一个错误。你知道为什么每次都不会发生这种事吗。谢谢你的帮助。
.slider-wrapper {
float: left;
margin-top: -2px;
position: relative;
}
.news-wrap {
background: url('img/news.png') no-repeat;
height: 22px;
width: 100%;
margin-top: 330px;
padding-left: 19px;
padding-top: 8px;
}
.news-wrap strong {
font-weight: bold;
}
.vert-list {
margin-top: 12px;
}