當我將它放在我的博客上時，搜索框發生變化

Question

請問您可以告訴我此代碼中出現了什麼問題嗎？它看起來在這裏很好，但一旦我把它添加到我的博客它改變

非常感謝你

<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>

Answer 1

它最絕的是一箱上漿問題。 box-sizing: border-box;聽起來就是你需要的。