当我把它放在我的博客上时，搜索框会发生变化

Question

你可以告诉我这段代码有什么问题吗？它在这里看起来很好，但是一旦我将它添加到我的博客，它就会改变

非常感谢

＆＃13;

＆＃13;

<style>
  #rectangle {
    width: 245px;
    height: 50px;
    background: #F8E7E1;
    padding: 40px;
  }
  .container-1 input#search {
    border: 0.5px solid #ccc;
    width: 240px;
    height: 50px;
    background: #fff;
    font-size: 14px;
    float: left;
    color: #000;
    padding-left: 5px;
  }
</style>

<div id="rectangle">
  <div class="box">
    <div class="container-1">
      <span class="icon"><i class="fa fa-search"></i></span>
      <input type="search" id="search" placeholder="Search..." />
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

绝对是一个盒子大小问题。 box-sizing: border-box;听起来就像你需要的那样。