为什么这段代码内联元素<a>可以设置宽度 而且还起作用
<style>ul{float:left;width:100%;margin:20;list-style-type:none;}a{float:left;width:7e...
<style>
ul
{
float:left;
width:100%;
margin:20;
list-style-type:none;
}
a
{
float:left;width:7em;
text-decoration:blink;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li{display:inline;}
</style>
</head>
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
以下是浏览器显示效果
问题是 ：W3C中规定内联元素不能设置宽度 高度 。当然IMAGE除外 。现在链接<a>为什么可以设置宽度了呢 ？这不很明显的内联元素么 ？求答案 ！ 展开
ul
{
float:left;
width:100%;
margin:20;
list-style-type:none;
}
a
{
float:left;width:7em;
text-decoration:blink;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li{display:inline;}
</style>
</head>
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
以下是浏览器显示效果
问题是 ：W3C中规定内联元素不能设置宽度 高度 。当然IMAGE除外 。现在链接<a>为什么可以设置宽度了呢 ？这不很明显的内联元素么 ？求答案 ！ 展开
展开全部
注意了：
float要应用在块元素上，浮动并不应用于内联元素。当应用了float后，这个元素将被指定为块元素，而块元素是可以设宽和高的，不信你去掉float:left;后再看。
float要应用在块元素上，浮动并不应用于内联元素。当应用了float后，这个元素将被指定为块元素，而块元素是可以设宽和高的，不信你去掉float:left;后再看。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
