帶圖標的整個div應該可點擊

我不知道如何在可點擊的div的整個距離上加上圖標。我只能使加號可點擊。我怎樣才能將div分配給正確的位置並將其放在正確的位置？我怎樣才能給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>

來源

2017-03-24 azrm

你所說的「整體的div的距離」意思？ –

對不起，我的意思是全寬 – azrm

這應該工作，嘗試一下;

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

來源

2017-03-24 07:08:19

是的，該死的，就這麼簡單...非常感謝你！可能我覺得太複雜:) – azrm

：D ..很高興幫助你 –

試試這個

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

來源

2017-03-24 06:59:40 Swellar

它再次只是可加點擊，而不是整個div – azrm

@azrm好吧，我認爲主要的div – Swellar

設置位置bottom:5px如果你想根據.bg請使用相對騰躍DIV請試試我的事情，如果你想點擊它有助於

<!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>

DIV位置毛絨圖標加入<a> or <button>

來源

2017-03-24 07:16:09

Wrapp在anchor標籤和對齊div文攜帶的「+」右

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

來源

2017-03-24 07:20:09

帶圖標的整個div應該可點擊

回答

相關問題