?

1、在使用bootstrap的過程中發現只要是使用row這個class，則div每次都是都是超過100%,出現滾動條

?

2、如果是在<div class="container-fluid">控件下面，則不會出現滾動條

?

查看了row 和 container-fluid的class樣式說明

?

      //讓div控件顯示為100%，然后外邊距左右各添加15px，實際上是給div增加30px
.row {
    margin-left: -15px;
    margin-right: -15px;
}

//container-fluid是讓div水平居中，左右內邊距為15px
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

因此在<div class="container-fluid">控件下面，則不會出現滾動條
<div class="container-fluid">
	<div>
		container-fluid class占一行，并且向內減小30px；并且左右各減小15px
	</div>

	<div class="row">
		row　class占一行，并且向外擴展30px；并且左右各擴展15px;
	</div>
</div>
    

?

自己寫了一個demo

      <div style="position: absolute;top:50%;left: 50%;border: 1px solid red;height: 300px;width: 300px;">
    <div style="height: 200px;margin-left: -15px;margin-right:-15px;border: 1px solid blue">
    </div>
</div>
    

?

?