浮动布局

<p>请在输入框内贴入你需要转换的HTML代码</p>
<p>HTML转换工具，可以将HTML代码转换为HTML转义字符串</p>
<p>直接将你所要用程序输出的大串HTML代码贴到输入框中，即可一键生成</p>
<p>如果您觉得好用，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{margin: 0;}
div{
overflow: hidden;
}
.p1{
width: 300px;
height: 400px;
background-color: blanchedalmond;
margin-top: 0;
float: left;
}
.p2{
width: auto;
margin: 0 310px;
height: 400px;
background-color: red;
}
.p3{
width: 300px;
height: 400px;
background-color: yellow;
float: right;
margin-top: 0;
}
</style>
</head>
<body>
<div>
<p class="p1">p1</p>
<p class="p3">p3</p>
<p class="p2">p2</p>

&lt;/div&gt;

</body>
</ht推荐给朋友！</p>

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容