Question

我在<a>（100％宽度）内有一个<div>.container（没有给定的宽度），它包含<img />（200px宽度）。我希望<a>只有<img />的宽度，这样您就无法点击<div>.container（100％）的整个宽度。

没有成功我尝试了：

更改容器div的宽度（适用于链接，但必须为100％，因此不能按我的意愿工作）
将<a>的宽度更改为200px。

演示可以在这里看到：

LIVE DEMO

注意： 网站具有响应性，因此请确保屏幕宽度小于768像素，然后打开菜单

任何建议都表示赞赏。

Answer 1

我认为问题是由#menu_contact：

的高度决定的

#menu_contact {
    background: url("../images/contact_background.png") no-repeat;
    width: 175px;
    height: 80px; /* changed - previously 155px */
    padding-top: 75px;
    float: left;
    margin-left: 46px;
    text-align: center;
}

更新

对于宽度为100％的菜单条目，请尝试进行此更改：

.menu_item {
    margin-top: 35px;
    padding-left: 35px; /* from margin to padding */
    text-align: center;
    float: left;
    padding-right: 35px; /* new property */
}

.divider {
    width: 10px;
    height: 63px;
    background-image: url("../images/divider.png");
    float: left;
    /* margin-left: 35px; */
    margin-top: 35px;
}

为什么我的链接可以像我父母一样大，而不是像它里面的img一样大？

1 个答案: