右边框看不到

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

敲的跟视频一样的代码。

Tool里面r2那边宽度264 边框2 Tool宽度266

为什么右边边框无法显示

*{

    margin:0;

    padding:0;

}

ul,ol {

    list-style: none;

}

a {

    text-decoration: none;

}

body {

    font: normal 14px/25px "微软雅黑"

}

header {

}

header .header-top {

    width: 1201px;

    margin: 0 auto;

    overflow: hidden;

}

header .header-top .logo {

    padding: 27px;

    width: 221px;

    height: 63px;

    float: left;

    color:#00978E;

}

header .header-top .logo h1{

    width: 221px;

    height: 63px;

}

header .header-top .tool {

    float: right;

    width: 266px;

    height: 77px;

    padding-top: 22px;

}

header .header-top .tool .r1 {

    margin-bottom: 14px;

}

header .header-top .tool .r1 .tel {

    width: 32px;

    height: 25px;

}

header .header-top .tool .r1 .telnumber {

    font-size: 20px;

    color: #00978e;

    display: inline-block;

    width: 158px;

    height: 26px;

    text-align: center;

}

header .header-top .tool .r1 .icon {

    width: 24px;

    height: 24px;

}

header .header-top .tool .r1 .chinese_icon {

    margin-right: 15px;

}

header .header-top .tool .r2 {

    width: 264px;

    height: 28px;

    border: 1px solid rgba(202,202,202,0.6);

}

header .header-top .tool .r2 input {

    float: left;

    width: 224px;

    height: 28px;

    padding-left: 20px;

    border: none;

    cursor: pointer;

}

header .header-top .tool .r2 button{

    float: left;

    width: 20px;

    height: 20px;

    background: none;

    border: none;

    outline: none;

    cursor: pointer;

    position: relative;

    top:4px;

    left:4px;

}

​