html - 内容越界

Question

我正在设计一个列出几本书的页面。我遇到的麻烦是内容有时会超出书籍信息框，比如书名非常长，高度超过 140 像素。我想知道最好的解决方案是什么？下面是我的代码示例。

//css
.book-data{height: 140px; width: 500px};
.book-image{float: left; width: 200px;}
.book-info{float: left; widdth: 300px;}

//html
<div class="book-data">
    <div class="book-image"></div>
    <div class="book-info">content</div>
</div>

<div class="book-data">
    <div class="book-image"></div>
    <div class="book-info">content</div>
</div>

Answer 1

简单如: 溢出:隐藏

http://jsfiddle.net/seler/pyseH/