css实现左（右）侧固定宽度，右（左）侧宽度自适应 ---清除浮动 (2)

　　3、父级元素设置overflow为hidden或者auto，固定高度 也可以--不建议　

         .father{overflow:hidden; width: 100%; }　  //overflow:auto; height:300px;

写的都比较简单， 文字表述很少，都是代码，说的思路再多，不让直接代码实际，用了后就明白意思了，good lucky。。

 

补充-- 禁止横屏

<div><p>
在竖屏下浏览效果更佳！
</p></div>


.orientation-alert{
background: rgba(0,0,0,.85);
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1000000;
color: #FFF;
display: none;
}
.orientation-alert p{
position: absolute;
width: 100%;
top: 50%;
font-size: 20px;
line-height: 30px;
margin-top: -15px;
text-align: center;
}
@media screen and (orientation : landscape){
.orientation-alert{
     display: block;
   }
}
@media screen and (orientation : portrait){
.orientation-alert{
     display: none;
   }
}