Rumah > Artikel > hujung hadapan web > 关于fieldset标签的疑问_html/css_WEB-ITnose
关于fieldset标签的疑问_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:10:19892semak imbas
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
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：【请问我用DW8给网页做好了布局，在CS5打开布局怎么全乱了，预览的时候又没问题？怎么解决？】_html/css_WEB-ITnoseArtikel seterusnya：firefox CSS盒子模型的CSS_html/css_WEB-ITnose