多个input排列在一行时，不能紧挨在一起问题；出现缝隙（大约10px）

原创于 2018-05-29 21:49:18 发布 · 7.9k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了在网页布局中如何解决输入框与提交按钮之间的间距问题，通过调整CSS样式来实现紧凑布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做搜索框布局时，发现对input标签无法紧贴在一起，中间会出现空隙

 <div class="right-content">         
    <form action="" class="search">
        <input type="text" class="search_key" value="keywords"/>
        <input type="submit" class="btn_submit" value="Go"/>
    </form>
</div>

.right-content{
    width: 260px;
    background: #fff;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}