**1.** 微信端和后台系统有的文本要通过富文本软件编写,才能在将文章体现在页面上,则该文本结构是: ~~~ <article> <h2>标题<h2> <section> <p>内容段落1</p> <p>内容段落2</p> </section> </article> ~~~ <br/> <br/> **2.** 为了兼容ie8或ie7,display:inline-block是不适用的,只能用float,且清除浮动不能用伪类after或before,只能在浮动层同级层最后加上一个专门清除浮动的div。 举例: ![](https://box.kancloud.cn/345d8aa854c5fcaad71c91837192e7be_281x148.png)![](https://box.kancloud.cn/cd74adc1dbf1363b2538de767dc42144_147x92.png) container-wrapper是最外层,sidebar和main是左浮动,故在2个同级的层的最后加清除浮动的div。 <span class="text-red">注意:</span>sidebar和main是左浮动,且宽度是百分比形式(样式如下图),是不能给他的样式上再增加padding和margin的样式,不然后会导致在ie下不是左右浮动的。 ![](https://box.kancloud.cn/8125319d0acec5b1d4b130923f28bccd_116x84.png)![](https://box.kancloud.cn/3e67d7d0b0a34a37e9989933ac29b5f5_118x83.png)