首页 > 代码库 > 自适应中overflow的作用

自适应中overflow的作用

最近在做东西的时候发现overflow还有这样的妙处:可以实现自适应,之前没加overflow实现起来是有点问题的

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
<style type="text/css">
.one{
height: 30px;
background: red;
overflow: hidden;
}
.two{
width: 100px;
height: 30px;
border: 1px solid #000;
float: right;
}
</style>

</head>

<body>
<div class="two"></div>
<div class="one">
</div>
</body>
</html>

自适应中overflow的作用