html - how to stop when user not to redirect to anotherpage if he click on a div -

here have 2 div

<div class="div1"> <div class="div2"> <a href="#/hello">click on me</a> </div> </div> 

here aim when user click on div2 should redirect page not when click on div1 working fine in googlchore not in ie11

there 2 ways this. 1 this

<div class="div1"></div> <div class="div2">     <a href="#/hello">click on me</a> </div> 

or

<div class="div1">    <div class="div2">       <a href="#/hello">click on me</a>    </div> </div> 

css:

.div1{   padding:10px; } .div2{      background-color:black; } 

so have area 10px user clicks on div1 , won't redirect. can use achieve want.