container与container-flude区别

HTML页面

测试页面
	    <div class="container">
	        <p>这是container效果</p><h3>hello world</h3>
	    </div>
	    <div class="container-fluid">
	        <p>这是container-fluid效果</p><h3>hello world</h3>
	    </div>


</body>
分别测试以下container与container-fluid效果

页面效果图
在这里插入图片描述
container-fluid测试结果
在这里插入图片描述
打开浏览器,f12后发现container-fluid容器只有固定的15px的padding
再看看container:
在这里插入图片描述
发现container容器不仅只有固定的15px的padding,还有一段margin

猜你喜欢

转载自blog.csdn.net/qq_39516150/article/details/89069764