如何使用CSS消除元素的偏移量？
如何使用CSS消除元素的偏移量？
提问于 2011-01-27 22:42:27
我有一些元素的定位问题，在检查它的IE8开发人员工具时，它向我显示了以下内容：
现在我很确定我的问题是那个12偏移量，但是我怎么才能把它去掉呢，？我找不到任何关于CSS偏移量属性的内容。除了保证金之外，我们还需要补偿吗？
下面是生成以下代码的代码：
<div id="wahoo" style="border: solid 1px black; height:100px;">
<asp:TextBox ID="inputBox" runat="server" />
<input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" />
<div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'"">
<asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" Width="300px" />
</div>
</div>带有偏移量的元素是inputBox
回答 13
Stack Overflow用户
回答已采纳
发布于 2011-08-21 02:54:43
这个偏移量基本上是浏览器根据元素的position css属性计算出的x，y位置。因此，如果您将<br>放在它或任何其他元素之前，它将更改偏移量。例如，您可以通过以下方式将其设置为0：
#inputBox{position:absolute;top:0px;left:0px;}或
#inputBox{position:relative;top:-12px;left:-2px;}因此，无论你有什么定位问题，都不一定是偏移量的问题，尽管你总是可以通过使用top，left，right和bottom属性来修复它。
你的浏览器不兼容吗？
Stack Overflow用户
发布于 2012-09-14 17:58:13
对我来说，是vertical-align: baseline vs vertical-align: top造成了顶部偏移。
尝试设置vertical-align: top
Stack Overflow用户
发布于 2011-01-27 22:54:11
快速解决方案：
position: relative;
top: -12px;
left: -2px;这应该会平衡这些偏移量，但也许你应该看看你的整个布局，看看那个盒子是如何与其他盒子交互的。
至于术语，left、right、top和bottom是CSS偏移属性。它们用于在特定位置定位元素(与absolute或fixed定位一起使用时)，或相对于其默认位置移动元素(当与relative定位一起使用时)。另一方面，边距指定框之间的间隙，它们有时会折叠，因此它们不能可靠地用作偏移。
但请注意，在您的情况下，可能不会(仅)从CSS偏移量计算偏移量。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4817745
复制相关文章
相似问题
腾讯云开发者
