定位解决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">浙江xxxxxxxxxxx有限公司</p>
</div>
</div>
.mt150{position: absolute;top:253px;left:0;width: 100%;} //100%让定位元素充满屏幕
.mt150 .container{margin:0 auto;width:1200px;}//让文字居中对齐