Question

我正在尝试使用转换css规则，但我的问题是，当转换处于空闲状态且没有被鼠标悬停时，div内的所有内容都聚集在一起。将鼠标悬停在div中的内容或示例中的标题后，将其拉伸到完整格式。

有没有办法让标题在一行上按照它应该看起来的方式伸展，而不会将该标题放在一边？

以下是我的代码示例的jsfiddle：http://jsfiddle.net/3W2hC/

.title { 
    width:420px;
    text-align:center;

提前致谢。

编辑：我能够做到这一点。通过添加宽度。但是，现在有一个滚动条。如何删除滚动条？

Answer 1

如果您希望在div中删除内容，只需在您的CSS中提供div overflow:hidden。

在你的情况下，它将是：

#main {
    overflow:hidden;
    ...
}