私は何が間違っているのか教えていただけますか？

Question

私は画面の左側にdivを配置しようとしていますが、私はそれをどの画面解像度とブラウザでも動作させようとしています。ここで

は、以下の私のコードです： -

#Biography { 
 
    background: #ffffff ; 
 
    text-align: center ; 
 
    text-transform: uppercase ; 
 
    color: #fff ; 
 
    padding: 5em 0; 
 
    width: 100%; 
 
    font-family: 'Conv_Lato-Regular',Sans-Serif; 
 
    margin: 0; 
 
} 
 

 
#info { 
 
    left: -10px; 
 
    float: left; 
 
    top: -80px; 
 
    position: relative; 
 
    color: #000; 
 
}

<div id="Biography"> 
 

 
    <div class="container"> 
 
     <div class="tittle"> 
 
    
 
     </div> 
 

 
     <div id="info"> 
 
      <div class="col-md-8"> 
 
       <div class=" wow bounceInDown" data-wow-delay="0.5s"> 
 
        <div class="view view-fifth" style="height: 20%"> 
 
         <img src="images/Dan.jpeg" alt="" style="height:80%; width:100%"> 
 
         <h4> NAME</h4> 
 
         <h5> sean</h5> 
 
         <h4> OCCUPATION</h4> 
 
         <h5> Computer Programmer,Software Developer,Student</h5> 
 
     
 
        </div> 
 
       </div> 
 
      </div> 
 
    
 
     </div>

問題は#info div要素が完全に左にはないということです。私は何が間違っているのか分かりません。

Answer 1

この場合、 'position：relative'の代わりに 'position：absolute'を使用して完全に左に配置する必要があります。

#info { 
position: absolute; 
left: 0px; 
top: 0px;  
color: #000; 

}