右侧定宽左侧自适应布局

Posted chuanzhi946

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了右侧定宽左侧自适应布局相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}

.left {
margin-right: 200px;
height: 200px;
background-color: red;
}

.right {
float: right;
width: 200px;
height: 200px;
background-color: green;
}
</style>
</head>

<body>
<div class="right"></div>
<div class="left"></div>
</body>

</html>

以上是关于右侧定宽左侧自适应布局的主要内容,如果未能解决你的问题,请参考以下文章

页面布局方案-右定宽,左自适应

左侧固定,右侧自适应布局

页面布局方案-左定宽,右自适应左右百分比

两栏布局——左侧固定右侧自适应

table-cell完成左侧定宽,右侧定宽及左右定宽等布局

python测试开发django-134.CSS页面布局:左侧固定,右侧自适应布局