css问题

元素宽度够，却被挤下去

问题：在写搜索框和搜索框图标时，宽度够却图标却始终被挤下去。
原因：当使用两个内联块元素时,如果有文字或在输入内容的页面，没有用转义字符。代码中换行，会产生间距 ，换行相当于有一个空格

<div class="zl_search r">
<input type="text" placeholder="请输入内容"/><button><i class="iconfont iconsuosou"></i></button>
</div>

加margin-top没有用，margin失效

问题：在给元素加margin时没有用
原因：当兄弟元素浮动时或页面中本元素的上方元素浮动，本元素会以父元素加浮动，没有用。可以使用相对定位进行位置调整。