Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Chrome当前版本中的线条高度错误?_Html - Fatal编程技术网

Html Chrome当前版本中的线条高度错误?

Html Chrome当前版本中的线条高度错误?,html,Html,我已经在静态html,css和它的工作很好我的网站。我已经在Ie7、firefox和chrome上进行了测试,结果都一样好 有时一段文字与另一段文字重叠。我不知道这是怎么回事。如果我刷新它的工作,但有时它的发生 这是Chrome的错误,还是我的代码有问题。我只是在某个时候发现了它,并且很惊讶,因为它只是一个html文件 这是密码 <div class="slider-wrapper theme-default"> <div id

我已经在静态html,css和它的工作很好我的网站。我已经在Ie7、firefox和chrome上进行了测试,结果都一样好

有时一段文字与另一段文字重叠。我不知道这是怎么回事。如果我刷新它的工作,但有时它的发生

这是Chrome的错误,还是我的代码有问题。我只是在某个时候发现了它,并且很惊讶,因为它只是一个html文件

这是密码

<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;
        }