Question

如何让这个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>

Answer 1

div层自动适应窗口大小，可以使用height：auto属性来自适应，示例如下： .FGH { height:auto !important; height:344px; min-height:344px; } 调用方法：Div+Css自适应高度,最小高度的方法 (兼容所有浏览器)