我有以下HTML:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="STYLE.css">
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body>
<header class="row"></header>
<section class="row section1"></section>
<section class="row section2"></section>
<section class="row section1"></section>
<section class="row section2"></section>
<section class="row section1"></section>
<footer class="row"></footer>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
由于某种原因,整个网页比浏览器窗口更宽.当我删除row课程时,一切都恢复正常.本地CSS文件与此问题无关.我的猜测是,bootstrap CSS会以某种方式修改行,使其更宽.所以我想问一下是否有人有任何想法可以解决这个问题.