Html Div鏈接覆蓋整個背景行

Question

我剛剛與圖像src做了一個div鏈接。幾乎所有東西都可以，不過image-link-div雖然定位在我想要的位置，但從左到右覆蓋（作爲鏈接）整行，就像它使用整條線一樣。我放在代碼附近的任何對象都被放置在這個不可見的鏈接行的上面或之後。任何幫助？

**的形象它就是在每一個導航谷歌主頁標誌： 白色背景

性質：

寬度 - 70像素
高度 - 38px（自動拉伸油漆，保存爲JPG格式）

CSS：

.box4 
{ 
    margin-left: 0%; 
    margin-right: 80%; 
    display: block; 
} 

HTML：

<div class="box4" onclick="location.href='https://www.google.cl'" style="cursor:pointer;"> <img src="Imagenes/Google.jpg"> </div> 

Answer 1

總之，你DIV鏈接問題：

• <div>默認使用display: block，你不需要去定義它爲div小號
• 所有其他的「盒子「使用float: left，如果未指定width，則將塊的寬度減小到最小，並將您稱爲」隱形鏈接行「的內容移除
• 瞭解更多關於display和float屬性，這是努力創造一個佈局，如果你不知道CSS