                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /搜索框制作

overflow:hidden到底是咋回事搞不懂呀? 有大神嗎？

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>Document</title>
?? ?<style type="text/css">
?? ?@font-face{
?? ??? ?font-family: iconfont;
?? ??? ?src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot);
?? ?}
?? ?*{
?? ??? ?margin: 0;
?? ??? ?padding: 0;
?? ?}
?? ?body{
?? ??? ?font:12px/1.5 tahoma,arial,sans-serif;
?? ?}
?? ?a{
?? ??? ?text-decoration: none;
?? ?}
?? ?.search-tips a{
?? ??? ?float:right;
?? ??? ?color:#6c6c6c;
?? ??? ?padding: 3px 10px 0 15px;
?? ?}
?? ?.search-button{
?? ??? ?float:right;
?? ?}
?? ?.btn-search{
?? ??? ?background: url(http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png);
?? ??? ?width: 100px;
?? ??? ?height: 45px;
?? ??? ?background-position: 0 -200px;?? /*起始點是0 -200*/
?? ??? ?border: 0;?? /*去掉按鈕的邊框*/
?? ??? ?cursor: pointer;
?? ?}
?? ?.search-common-panel{
?? ??? ?height: 39px;
?? ??? ?background-color: #f50;
?? ??? ?overflow: hidden;?? /*超出它內容的做隱藏處理?? 元素生成了BFC*/
?? ??? ?padding: 3px 0 3px 77px;
?? ?}?? ?
?? ?.search-common-panel input{
?? ??? ?height:39px;
?? ??? ?line-height: 39px;
?? ??? ?width: 100%;
?? ??? ?border:0 none;
?? ??? ?outline: 0;
?? ??? ?background-color: #fff;
?? ?}
?? ?</style>
</head>
<body>
?? ?<div>
?? ??? ?<div>
?? ??? ??? ?<form action="">
?? ??? ??? ??? ?<div>
?? ??? ??? ??? ??? ?<a href="#">高級<br/>搜索</a>
?? ??? ??? ??? ?</div>
?? ??? ??? ??? ?<div>
?? ??? ??? ??? ??? ?<button type='submit'></button>
?? ??? ??? ??? ?</div>
?? ??? ??? ??? ?<div>
?? ??? ??? ??? ??? ?<input type="text">
?? ??? ??? ??? ??? ?<i></i>
?? ??? ??? ??? ?</div>
?? ??? ??? ?</form>
?? ??? ?</div>
?? ??? ?<div></div>
?? ?</div>
</body>
</html>