02布局容器

最新推荐文章于 2024-01-31 15:17:08 发布

本宝宝不开心

最新推荐文章于 2024-01-31 15:17:08 发布

阅读量65

点赞数

分类专栏： Layui快速学习

本文链接：https://blog.csdn.net/zh_cn1/article/details/118314134

版权

Layui快速学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

02布局容器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css">
	</head>
	<body>
		<!-- 
		布局容器
		1.固定宽度 （两侧有空白）
		2.完整宽度 （占据屏幕宽度100%）
		-->
		<!-- 1.固定宽度 -->
		<div class="layui-container" style="background-color: navajowhite;height: 300px;">
			固定宽度
		</div>
		<!-- 2.完整宽度 -->
		<div class="layui-fluid" style="background-color: cyan; height: 300px;">
			完整宽度
		</div>
	</body>
</html>