开发者社区> 问答> 正文

chrome引入bootstrap文件之后怎么显示的IE盒子模型

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
  <div style="width:100px; height:100px; padding:10px; border:5px solid red;"></div></body>
</html>

screenshot
screenshot
为什么在chrome中引入bootstrap,标准的盒子模型会变成IE盒子模型

展开
收起
杨冬芳 2016-06-03 18:47:34 2844 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    设置box-sizing为border-box

    2019-07-17 19:27:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
WEB浏览器中即将发生的安全变化 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载