关于form标签的CSS设置,诚恳请前辈指教。

原创 依寻 随笔 问题求解 201阅读 2017-11-29 13:51:30 举报

css
html,body,div,form,input {
margin: 0;
padding: 0;
}

.wrap {
height: 36px;
background-color: #000;
}

.wrap form {
width: 240px;
height: 30px;
margin-top: 3px;
background-color: #ccc;
}

input {
border: 0;
outline: none;
}

elements
<div class="wrap">
<form>
<input type="text" value="搜索" />
<input type="submit" value="搜索" />
</form>
</div>

对form元素设置的 margin-top: 3px; 为啥不是相对于对父元素 div.wrap ,用了360和谷歌测试

评论 ( 2 )
最新评论
saonan90077 2017-12-09 16:00:01 2F

这是margin-top穿透问题,相邻元素左右margin会叠加,上下margin会以最大值为准,建议用padding-top代替,或者只用margin-bottom

lzh2740128806 2017-11-29 14:46:46 1F

建议你查一查外边距合并