项目开发使用bootstrap,没有专门前端,自己写,遇到很多问题,逐渐去学习,在这儿开始多多的记录一下:
情境:主页包含两个Echarts图表和一个基于bootstrapTable组件的公告栏,要求两个图表同行显示,公告栏换行显示
示例:
<div style="float:left;">DIV1-Echarts环形图</div>
<div style="float:left;">DIV2-Echarts柱状图</div>
<div>公告栏</div>
因为div加了float属性后,后续的元素也会跟着float显示,除非浏览器宽度不够换行,这里我要进行强制换行
解决:
<div style="float:left;">DIV1-Echarts环形图</div>
<div style="float:left;">DIV2-Echarts柱状图</div>
<div style="clear:both"></div>
<div>公告栏</div>