关于fieldset标签的疑问解决思路-HTML教程-爱易网页

关于fieldset标签的疑问解决思路

日期：2014-05-17　浏览次数：20621 次

关于fieldset标签的疑问
http://www.91yhg.com/index.jsp
这个站底部的友情链接部分,我把代码掏了出来,但是显示的样子不同
请大家指点一下我掏少了哪些代码..(其中我只是改了高度而已)
HTML:

HTML code


<div class="links">
    <fieldset>
          <legend>友情链接</legend>
    </fieldset>
</div>

========
CSS:

CSS code


.links{
    width:960px;
    height:50px;
    line-height:50px;
    margin-top:5px;
    margin-bottom:15px;}
    
.links fieldset{
    border:2px #A50B0D solid;
    width:946px;
    height:auto;
    vertical-align:middle;}

.links legend{
    color:#A50B0D;
    font-weight:600;}
    
.links a{
    margin-left:10px;
    margin-right:10px;}

同样是火狐浏览器,居然不同的效果,以下为截图:

------解决方案--------------------
我在ie 9上看了没有问题啊。。
------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <style>
.links{
    width:960px;
    height:50px;
    line-height:50px;
    margin-top:5px;
    margin-bottom:15px;}
    
.links fieldset{
    border:2px #A50B0D solid;
    width:946px;
    height:auto;
    vertical-align:middle;}

.links legend{
    color:#A50B0D;
    font-weight:600;}
    
.links a{
    margin-left:10px;
    margin-right:10px;}


        </style>
    </head>
    <body>
        <div class="links">
            <fieldset>
                  <legend>友情链接</legend>
            </fieldset>
        </div>
    </body>
</html>

------解决方案--------------------
帮你测试过，无问题

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

关于fieldset标签的疑问解决思路

相关资料更多>

推荐阅读更多>