HTML+；CSS:'；a'；宽度不小于'；行不通_Html_Css_Doctype

HTML+；CSS:'；a'；宽度不小于'；行不通

html css

HTML+；CSS:'；a'；宽度不小于'；行不通,html,css,doctype,Html,Css,Doctype,我有以下代码： CSS部分： <style type="text/css"> .menu { width:200px; } .menu ul { list-style-image:none; list-style-type:none; } .menu li { margin:2px; } .menu A { he

我有以下代码：

CSS部分：

<style type="text/css">
    .menu
    {
        width:200px;
    }

    .menu ul
    {
        list-style-image:none;
        list-style-type:none;
    }

    .menu li
    {
        margin:2px;
    }

    .menu A
    {
        height:25px;
        width:170px;
        background:url(./images/button-51.png);
        padding:2px 5px ;
    }

    .menu A:link
    {
        height:25px;
        width:170px;
        background:url(./images/button-51.png);
        padding:2px 5px ;
    }
</style>


.菜单
{
宽度：200px；
}
.菜单ul
{
列表样式图像：无；
列表样式类型：无；
}
李先生
{
保证金：2倍；
}
.菜单A
{
高度：25px；
宽度：170px；
背景：url（./images/button-51.png）；
填充物：2px 5px；
}
.菜单A：链接
{
高度：25px；
宽度：170px；
背景：url（./images/button-51.png）；
填充物：2px 5px；
}

HTML部分：

一切正常，但当我在HTML文档的开头添加“DOCTYPE”元素时：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

不考虑“a”元素的宽度

问题1:为什么

问题2:如何解决

非常感谢

问题1：为什么

因为默认情况下它不是一个

问题2：如何解决

使用

display:block使其成为块元素，或通过显示的内联块：内联块
默认情况下链接是内联元素；添加显示：块并且它将使用设置的宽度。
CSS是关于点的。属性的位置取决于此。看看你对这件事的看法。这将大大有助于理解基础知识和更多内容。
在以下内容中添加显示块：
.menu A
    {
        display: block;
        height:25px;
        width:170px;
        background:url(./images/button-51.png);
        padding:2px 5px ;
    }

为锚定标记创建块添加display:block
in style
.menu a
{
    display:block;
    height:25px;
    width:170px;
    background:url(./images/button-51.png);
    padding:2px 5px ;
}

注意：不要重复中的所有元素。菜单a:link类。。只需添加更改或新样式。
注意：在html和css代码中始终使用小写字母
这对我来说很有效，但因为我希望所有链接都在同一行，所以我使用了显示：内联块哇，你刚刚帮我省去了一大堆头痛！我不明白为什么我的锚标签的宽度不能调整！
.menu A
    {
        float: left;
        height:25px;
        width:170px;
        background:url(./images/button-51.png);
        padding:2px 5px ;
    }