CSS网页布局，成功跳槽百度工资从15K涨到28K
warning:
这篇文章距离上次修改已过190天，其中的内容可能已经有所变动。
要使用CSS进行网页布局，你可以使用多种技术，包括Flexbox、Grid、或传统的float和positioning方法。以下是一个简单的例子，展示了如何使用Flexbox来创建一个简单的布局：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flexbox Layout Example</title>
<style>
.container {
display: flex;
justify-content: space-between;
}
.sidebar {
width: 20%;
background-color: #f9f9f9;
padding: 20px;
}
.content {
width: 80%;
background-color: #ddd;
padding: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="sidebar">Sidebar</div>
<div class="content">Content</div>
</div>
</body>
</html>在这个例子中，.container 是一个flex容器，.sidebar 占据20%的宽度，.content 占据80%的宽度。justify-content: space-between; 确保.sidebar 和 .content 分别靠近它们各自的边界。这是一个简单的两列布局，你可以根据需要扩展或修改这个布局。
评论已关闭