输入字段有默认边距

图像位置正确，但输入字段似乎有20px左右的边距，但从未设置为在CSS中的任何位置。输入字段有默认边距

HTML：

<div id="vault_chat_header"> 
    <span><img src="<%tdir%>img/default_avatar.png" alt="Default Avatar" class="user_avatar" /></span> 
    <span><input type="text" class="vault_chat_text_field" /></span> 
</div>

CSS：

.vault_chat_text_field { 
    background-color: red; 
    height: 48px; 
    width: 92%; 
} 

.user_avatar { 
    background-color: red; 
    height: 48px; 
    width: 48px; 
}

DOCTYPE：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

来源

2013-10-20 NullBy7e

因此在'.vault_chat_text_field'元素的CSS中明确设置了'margin：0'。 –

我试过了，虽然这是奇怪的部分，但它不起作用。 – NullBy7e

只要给输入

vertical-align: top;

http://jsfiddle.net/CLGNH/

来源

2013-10-20 13:54:11 Sgoldy

输入字段有默认边距

回答

相关问题