没有javascript链接div？

Question

这是一个非常简单的问题，你可以说我可以这样做：

<a href="link"><div></div></a>

但是当我将鼠标悬停在div（110x74）px上时，它会在整个页面的宽度上徘徊，就像div的宽度为100％一样，所以当我点击页面的空白部分时，就像是在那里＆＃ 39; sa链接那里，想法？感谢

我也尝试使用javascript，但它很有用，但许多智能手机无法支持它。

Answer 1

不知道你想要什么？ this JSFiddle显示了具有给定尺寸的DIV，它可以按照您的要求运行......您可能想要详细说明您正在寻找的内容......

CSS：

.test{
    width: 110px;
    display: block;
}

.test div{
    height: 74px;
    border: 1px solid black;
}

HTML：

<a href='#' class='test'><div></div></a>

Answer 2

http://jsfiddle.net/nNA7G/7/

HTML：

<a href="stackoverflow.com"><div><p>hi lol</p></div></a>

CSS：

a
{
    width: 100px;
    height: auto;
}

div
{
    width: 80px;
    background-color: khaki;
}

Answer 3

如果我理解你的问题 - 因为我的英语是周 - ，我想如果你为链接设置包装并将链接设置为diplay：inline-block ..宽度将是精确的，你可以随时增加宽度阻止..

使用显示块或内联块将解决宽度问题......

祝你好运，如果不是你的意思，对不起......

祝你好运伴侣^^