我无法设置导航的a个元素的高度和宽度.

#header div#snav div a{
    width:150px;
    height:77px;
}

#header div#snav div a:link{
    width:150px;
    height:77px;
}


#header div#snav div a:hover{
    height:77px;
    background:#eff1de;
}

知道我做错了什么吗?

推荐答案

添加显示:块;

a-tag是内联元素,因此您的高度和宽度将被忽略.

#header div#snav div a{
    display:block;
    width:150px;
    height:77px;
}

Html相关问答推荐

按钮的字体重量在鼠标悬停时随过渡而变化

NG8004:找不到名为""的管道.'' [插件Angular 编译器]

如何防止SVG图标出现断行?

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

如何仅 Select 与子代CSS类匹配的第一个元素

CURL邮箱中的图像不能调整其大小

容器内的SVG图像没有响应

如何收集<;p&>元素下的<;p>;子元素

将表格背景图像置于行背景 colored颜色 之上

风格规则应该适用于响应图像的哪些方面?哪种规则适用于<;图片和gt;,哪种规则适用于<;img>;?

更改Angular 为17的material Select 字段的高度?

错误时交换表单,成功时使用HTMX重定向

如果最后一行的卡数少于其他行,则在使用flex grow使卡在调整大小时拉伸后,flex卡的宽度将被拉伸

是否有语义 HTML 可以澄清含义?

::可点击图标之前

Sass 混合动画未正确应用

如何只为 Navbar 中的一个元素提供动画,其余元素没有使用 css 的动画

如何调整网格中单元格的高度?

如何将背景与之前的内容正确对齐

Css 左属性问题