如何让这个div随屏幕的大小而自适应
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让这个div随屏幕的大小而自适应相关的知识,希望对你有一定的参考价值。
<div class="main menu" style="float:left; padding:15px;position: relative;width:55%">
<ul style="list-style:none; width:100%;display: block;background-color:Red;">
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;margin-left:40px;"><span class="icon-home"></span>首页</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">公司概况</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">公司动态</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">行业动态</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">公司业务</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">业绩案例</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">诚聘英才</li>
<li style="float:left;color:#555555;padding:5px 15px;font-size:1.3em;width:auto;">联系我们</li>
</ul>
</div>
以上是关于如何让这个div随屏幕的大小而自适应的主要内容,如果未能解决你的问题,请参考以下文章
div inline 如何做到右边div宽度随左边div宽度增加而自适应减小,但是不换行?