可以告诉我我做错了什么吗？

Question

我正在尝试将div放在屏幕左侧，我也试图让它适用于任何屏幕分辨率和浏览器。

以下是我的代码： -

＆＃13;

＆＃13;

#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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

问题是#info div不完全在左边。我不知道自己做错了什么。

Answer 1

您需要使用＆＃39; position：absolute＆＃39;而不是＆＃39; position：relative＆＃39;在这种情况下完全位于左侧。

outside readFile

}