当前位置:首页 > 开发 > Web前端 > Css > 正文

fieldset firefox overflow CSS fix

发表于: 2012-10-25   作者:sunjing   来源:转载   浏览次数:
摘要:     firefox 中 fieldset的样式与IE不一致,宽度会随其内容扩展,需要按如下修改CSS:       fieldset  {         display : table - column ;   &n

    firefox 中 fieldset的样式与IE不一致,宽度会随其内容扩展,需要按如下修改CSS:

 

    fieldset  {
        display
: table - column ;

        *display : block ;

    }

 

    但这样处理在chrome中仍有问题,更好的解决办法是设置其内容宽度。

    <fieldset>
        <legend>hello coco</legend>
                    <div id="content">
                        ...
                    </div>
    </fieldset>

 

    $(document).ready(function() {
        $("#
content").width($(window).width() - 10);
    });

    $(window).resize(function() {
        $("#content").width($(window).width() - 10);
    });

fieldset firefox overflow CSS fix

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
用于分组,里面的legend可以实现左上角的标题,看着挺好看的 <form> <fieldset> <le
overflow 属性规定当内容溢出元素框时发生的事情。 通俗的规定就是在容器里的内容如果超过了父容器
根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子。这些盒子的大小、位置和行为都可以用
今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的posit
今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的posit
overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢
position overflow float 几个属性比较容易混淆,写一段代码详解各自具体情况: position在w3school
项目中常常有同学遇到这样的问题,现象是给元素设置了overflow:hidden,但超出容器的部分并没有被隐
前言罗唆(其实很多时候没有区别,只是我们没弄好就变成区别了) Css 当中有许多的东西不不按照某些规
fieldset定义和用法: fieldset 元素可将表单内的相关元素分组。 <fieldset> 标签将表单内容
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号