给 WordPress 评论框加滚动条

发布于：电脑网络, 精品推荐 1,358 次践踏

给 WordPress 评论框加滚动条，这个想法的诞生感谢于一位牛人bronco，他曾经在小站上留下了洋洋洒洒长篇大论的留言250余字（点此欣赏），最后还给了我一个建议，给评论框加一个滚动条。我当时那个惭愧呀，人家辛辛苦苦码了那么多字，我居然没有给人提供一个良好的评论环境，是我疏忽了。都怪我当时改主题的时候比较粗糙，给评论框样式加了个 overflow:hidden; 了事，细微之处才能显现主题的人性化，之后我就给 WordPress 的评论框加上了滚动条，CSS 也很好定义，加一个 overflow:auto; 就可以了。overflow 很好用，最关键是其兼容性好，在 IE 各版本和 Firefox 等浏览器下都有效。

下面是 overflow 的详细介绍：

语法：

overflow: visible | auto | hidden | scroll

取值：

  1. visible：不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的 window 或 frame 的大小。并且 clip 属性设置将失效
  2. auto：此为 body 对象和 textarea 的默认值。在需要时剪切内容并添加滚动条
  3. hidden：不显示超过对象尺寸的内容
  4. scroll：总是显示滚动条

说明：

  1. 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
  2. 设置 textarea 对象为 hidden 值将隐藏其滚动条。
  3. 对于 table 来说，假如 table-layout 属性设置为 fixed ，则 td 对象支持带有默认值为 hidden 的 overflow 属性。如果设为 hidden ，scroll 或者 auto，那么超出 td 尺寸的内容将被剪切。如果设为 visible，将导致额外的文本溢出到右边或左边（视 direction 属性设置而定）的单元格。
  4. 自 IE5 开始，此属性在 MAC 平台上可用。

兼容性：

类型
Internet Explorer
Firefox
Chrome
Opera
Safari
版本
IE6
Firefox 2.0
Chrome 1.0.x
Opera 9.63
Safari 3.1
IE7
Firefox 3.0
Chrome 2.0.x
  
Safari 4
IE8
Firefox 3.5
      

  5. 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
    哇，真的有滚动条啊……

  12. :eek: 试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

  14. 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

    我测试没有滚动条。。。。 :?: ie 6

      • 我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，我好像试一试，

  20. 哈，你不说我也不会注意到这个细节，我那主题也得改一下。
    不过话说回来，大哥，我真佩服你。。
    都想到改overflow了，居然能毅然决然地选择了hidden。。。 -，-b

  21. 滾動條? 瀏覽器不是會自動出現嗎? chorome 還可自由拉伸評論框大小呢!
    原來如此.... overflow:hidden; 是絕不能用在評論框.
    overflow:auto; IE 和 FF 滾動條動作差別:
    IE 不斷行, 出現滾動條; FF 自動斷行, 沒有滾動條.