首頁 > web前端 > html教學 > 关于fieldset标签的疑问_html/css_WEB-ITnose

关于fieldset标签的疑问_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:10:19
原創
902 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板