1.始终让firefox出现纵向滚动条
让我们的页面不够长的时候, firefox默认不会显示滚动条,只有当页面长度超过浏览器可显示的长度时,才会出现滚动条。那如何让firefox始终显示纵向滚动条呢?
:root{
overflow-y: scroll;
}
但这会使opera9.5出现横向滚动条。如果我们只想给我firefox出现纵向滚动条,那么我们用它的私有属性。
html{
overflow:-moz-scrollbars-vertical;
}
始终让firefox出现纵向滚动条。更多firefox的私有属性
2.防止内容过多从而打乱固定宽度的布局
最简单的布局,就是用float:left加上固定width,但有时容器里面的内容过多,会撑开宽度,打乱布局。
#main{
overflow:hidden;
}
3.防止链接换行
a{
white-space:nowrap;
}
更多css技巧:http://www.cssglobe.com/post/1392/8-premium-one-line-css-tips
本博客所有文章遵循创作共用版权协议,要求署名、非商业、保持一致。转载时请先阅读以上许可协议,并以超链接形式注明出处。
这篇文章发表于2008年08月18日 07:03:14, 并被分类于HTML/CSS/JS/PHP. 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论, 也可以发表你的评论, 或者在您自己的网站中引用(trackback)该篇日志.
当前暂无评论