李佳骏

技术改变生活

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

最近在做东西的时候发现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>

posted on 2014-11-27 14:53  李佳骏  阅读(298)  评论(0编辑  收藏  举报