在Html Div中，溢出隐藏不适用于我

我正在使用下面的html，看到了吗

标题：
基础知识
歌词：
ABC DEF GHI JKl MNO dsa SDD s
ABC DEF GHI JKl MNO MNO dsa SDD s

但是我的文本溢出没有被隐藏。 当我使用小文本而不是'

ABC DEF GHI JKl MNO dsa SDD s

'然后一切都好。

给

空白：nowrap

：

标题：
基础知识
歌词：
ABC DEF GHI JKl MNO dsa SDD s
ABC DEF GHI JKl MNO MNO dsa SDD s

小提琴：

---

或者，如果您关心高度，则需要明确指定

高度

。给

空白：nowrap

：

标题：
基础知识
歌词：
ABC DEF GHI JKl MNO dsa SDD s
ABC DEF GHI JKl MNO MNO dsa SDD s

小提琴：

---

---

或者如果你关心身高，您需要明确指定高度。您需要指定一个高度，以便容器知道溢出从何处开始。

您需要指定一个高度，以便容器知道溢出从何处开始。

溢出

没有达到您期望的效果。查找

换行

，

空白

等。这就是你想要做的吗？我不是100%确定。

溢出

没有达到您期望的效果。查找

换行

，

空白

等。这就是你想要做的吗？我不是百分之百确定。你知道如何让它有反应吗？是的，我们可以让它有反应。@user960567你想做什么？响应意味着响应的网页设计。老兄，根据屏幕可用性，重新排列。。。是的，我知道。。你想做什么？目前的no在手机、平板电脑和台式机上看起来都一样好。你知道如何让它响应吗？是的，我们可以让它响应。@user960567你想做什么？响应意味着响应的网页设计。老兄，根据屏幕可用性，重新排列。。。是的，我知道。。你想做什么？目前的no在手机、平板电脑和台式机上看起来都一样好。

        <div style="float: left;">
            <div style="padding-left: 3px; padding-top: 3px;">
                <div style="float: left;">
                    Title: 
                </div>
                <div style="float: left; padding-left: 12px">
                    ABC
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="padding-left: 3px; padding-top: 3px;">
                <div style="float: left;">
                    Lyrics: 
                </div>
                <div style="float: left; padding-left: 3px">
                    <div style="overflow: hidden; width: 180px">
                        ABC DEF GHI JKl MNO dsa  dsa sddsa d s
                    </div>
                    <div style="overflow: hidden; width: 180px">
                        ABC DEF GHI JKl MNO MNO dsa  dsa sddsa d s
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
        </div>

        <div style="float: right; border-left: 1px solid black;">

            <img src="http://cdn1.iconfinder.com/data/icons/snowish/72x72/actions/gtk-media-play-ltr.png">
        </div>
    </div>

    <div style="float: left;">
        <div style="padding-left: 3px; padding-top: 3px;">
            <div style="float: left;">
                Title: 
            </div>
            <div style="float: left; padding-left: 12px">
                ABC
            </div>
            <div style="clear: both"></div>
        </div>
        <div style="padding-left: 3px; padding-top: 3px;">
            <div style="float: left;">
                Lyrics: 
            </div>
            <div style="float: left; padding-left: 3px">
                <div style="overflow: hidden; white-space: nowrap; width: 180px; ">
                    ABC DEF GHI JKl MNO dsa  dsa sddsa d s
                </div>
                <div style="overflow: hidden; white-space: nowrap; width: 180px">
                    ABC DEF GHI JKl MNO MNO dsa  dsa sddsa d s
                </div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>

    <div style="float: right; border-left: 1px solid black;">

        <img src="http://cdn1.iconfinder.com/data/icons/snowish/72x72/actions/gtk-media-play-ltr.png">
    </div>
</div>