我的前端笔记之 bug篇有多少人出现过这种情况，PC端网页正常显示但是，手机端网页右侧出现空白。 2. 给子元素们设置

问题所在：子元素宽度超过父元素，解决方法:

设置父元素的最小宽度是子元素的宽度

father {
        width: 100%;
        min-width: sonWidth;
        }

解决方法:

father{
        font-size: 0;
       }
或者

<div>**</div><div>
  ***</div>   (标签之间不要有换行或者空格)

解决：

{ _zoom：1; *display：inline; }

{ text-justify: inter-ideograph; }

解决：

内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，所以只要给图片加上float或者display: block的这个CSS 属性后，图片所继承的缩进会自动失效。

{ font-size: 0; text-indent:-9999px;  }   img{ display:block; }

不好意思这个我好像没解决

解决：

两栏情况下分别给元素浮动定宽

div1 {float: left; width:500px; } 
div2 {float: right; width:500px;}

解决：

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->

本地没有文件的话，可以应用开源社区的文件

<!--[if lt IE 9]> 
 <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<![endif]-->

解决：

div { min-height:100px; height:100px; height:auto !important; }

我的前端笔记 之 bug篇