CSS（十三）——固定宽度布局

最新推荐文章于 2024-07-29 18:03:30 发布

程序员的时光

最新推荐文章于 2024-07-29 18:03:30 发布

阅读量1.3k

点赞数 1

分类专栏： ● Web前端基础篇 Web前端基础文章标签： CSS布局浮动法绝对定位法

本文链接：https://blog.csdn.net/qq_37084904/article/details/88696696

版权

Web前端基础同时被 2 个专栏收录

14 篇文章 11 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

● Web前端基础篇

33 篇文章 3 订阅

订阅专栏

本文探讨了CSS布局中的两种常见方法：绝对定位法和浮动法。通过实例展示了如何创建固定宽度的布局，详细解释了如何应用样式以实现预期效果。浮动法在实际布局中尤为常用。

摘要由CSDN通过智能技术生成

1.CSS布局

2.绝对定位法

3.浮动法

1.CSS布局

2.绝对定位法

首先来看一个基本的布局框架：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{
		text-align: center;
	}
	/* 给四个块设置样式 */
	#head,#container,#content,#side,#foot{
		margin:20px auto 20px auto;
		padding:20px 0 20px 0;
		border:1px red solid;
	}
	/* 设置宽

了解本专栏