<!--
<div></div>
不是功能标签
可以放文字、图片以及各种元素的块标签
常常用来布局
-->
<style>
#d1{
background-color: blue;
height: 50px;
width: 50px;
float: left;
}
#d2{
background-color: red;
height: 100px;
width: 50px;
float: right;
}
#d3{
background-color: green;
height: 100px;
/* 清除浮动*/
clear: both;
}
</style>
</head>
<body>
<div id="d1">我是左div</div>
<div id="d2">我是右div</div>
<div id="d3">我是第三个div</div>
</body>
<head>
<meta charset="utf-8">
<title>溢出处理</title>
<style>
#d{
background-color: yellow;
width: 100px;
height: 100px;
/*
如果内容超出div则隐藏
overflow: hidden;
*/
/*
不管内容是否超出都会给div加一个滚动条
overflow: scroll;
*/
/* 如果内容不超出div则没有滚动条，如果超出自动添加滚动条*/
overflow: auto;
}
</style>
</head>
<body>
<div id="d">
那判词说我骨骼惊奇得去闯荡一番
虚心讨教这江湖传言
是否要熬过几年专属于英雄的孤单
站多高才能 一览众山
那判词说我骨骼惊奇得去闯荡一番
虚心讨教这江湖传言
是否要熬过几年专属于英雄的孤单
站多高才能 一览众山
</div>
</body>
原文：https://www.cnblogs.com/G-qz/p/10634470.html