定位解决banner图上的文字位置(定位元素和某元素左对齐)

定位解决banner图上的文字位置(定位元素和某元素左对齐)

<header class="head headImg-bg">
    <div class="container clearfix">
        <div class="fl logo"><a href="main.html"><img src="private/img/main/logo.png" /></a></div>
        <div class="fl head-line"></div>
        <nav class="fr listNav">
            <ul class="navUl">
                <li><a href="javascript:;">公司简介</a></li>
                <li class="active"><a href="javascript:;">公司动态</a></li>
                <li><a href="javascript:;">方案体验</a></li>
                <li><a href="javascript:;">产品展示</a></li>
                <li><a href="javascript:;">成功案例</a></li>
                <li><a href="javascript:;">会员权益</a></li>
                <li><a href="javascript:;">商城</a></li>
            </ul>
        </nav>
    </div>
</header>
<div class="mt150">
    <div class="container">
        <p class="case-title">公司成功案例1</p>
        <p class="case-company">浙*xxxxxxxxxx有限公司</p>
    </div>
</div>

.mt150{position: absolute;top:253px;left:0;width: 100%;} //100%让定位元素充满屏幕
.mt150 .container{margin:0 auto;width:1200px;}//让文字居中对齐