Html Div Link涵盖整个背景行

时间:2016-07-04 23:27:16

标签: html css image

我刚刚与图像src建立了一个div链接。几乎所有东西都还可以,但是image-link-div虽然位于我想要它的位置,但是从左到右覆盖(作为链接)整行,就像使用整行一样。我放在代码附近的任何对象都放在这个不可见的链接行之后(上方)或之前(下方)。有什么帮助吗?

**图片只是每个导航上的Google主页徽标: 白色背景

属性:

宽度 - 70px
高度 - 38px(在油漆上自动拉伸,保存为.jpg)

CSS:

\n

HTML:

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

1 个答案:

答案 0 :(得分:0)

简而言之, div-link 的问题:

  • <div>默认使用display: block,您不需要为div
  • 定义它
  • 你所有的其他&#34;盒子&#34;如果未指定float: left,请使用width将块的宽度减少到最小值,并删除您所说的内容&#34;隐藏链接行&#34;
  • 详细了解displayfloat属性,如果您不了解CSS的绝对基础知识,很难创建布局