Maison >interface Web >tutoriel HTML >关于fieldset标签的疑问_html/css_WEB-ITnose
关于fieldset标签的疑问_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:10:19913parcourir
http://www.91yhg.com/index.jsp
这个站底部的 友情链接 部分,我把代码掏了出来,但是显示的样子不同
请大家指点一下我掏少了哪些代码..(其中我只是改了高度而已)
HTML:
<div class="links"> <fieldset> <legend>友情链接</legend> </fieldset></div>
========
CSS:
.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上看了没有问题啊。。
360上看了也没问题,但是同样在火狐浏览器看,为什么人家站的就是那样呢?是不是扒少了什么代码..
<!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> 没问题啊，楼主看看 是不是你其他的css影响到了。
帮你测试过，无问题
谢谢,,原来我的CSS文件的
*{margin:0;
padding:0;}
在作怪.于是我单独为lgend加了margin-left
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：【请问我用DW8给网页做好了布局，在CS5打开布局怎么全乱了，预览的时候又没问题？怎么解决？】_html/css_WEB-ITnoseArticle suivant：firefox CSS盒子模型的CSS_html/css_WEB-ITnose