Question

我不知道如何在divs的整个距离上点击加号图标。我只能使加号可点击。如何将div分开并将加号放在右边？我如何给出div的全宽，但右下角的加号？任何帮助将不胜感激。谢谢。

.bg {
  width: 100%;
  background-color: red;
}

.br {
  position: absolute !important;
  bottom: 5px;
  right: 5px;
}

.plus:hover {
  color: green;
}

.bg:hover {
  color: green;
}

<div class="bg">
  <div class="plus br">
    <span>+</span>
  </div>
</div>

Answer 1

这应该有用，试试吧;

value

Answer 2

试试这个

<a href="#">
    <div class="bg">
        <div class="plus br">
            <span>+</span>
        </div>
    </div>
</a>

Answer 3

如果你想根据bottom:5px想要div位置，你设置位置.bg请使用prance div in relative 请尝试我感兴趣

＆＃13;

<!DOCTYPE html>
<html>
<head>
 <style>
  
  
.bg {
    background-color: red;
    position: relative;
    width: 100%;
}

 .br {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    position: absolute !important;
    right: 5px;
    top: 5px;
}

.br{
    position: absolute !important;
    top: 5px;
    right: 5px;
}

.plus:hover{
 color: green;
}

.bg:hover{
 color: green;
}

    </style>
</head>
<body>
 
 <div class="bg">
        <div class="plus br">
          <span>+</span>
        </div>
      </div>
</body>
</html>

＆＃13;

如果您想在<a> or <button>

中添加可点击的毛绒图标

Answer 4

在anchor标记中包含并对齐div中的文字并带有“+”右侧

<a href="#">
    <div style="text-align:right">
        +
    </div>
</a>

带图标的整个div应该是可点击的

4 个答案: