如何使用CSS消除元素的偏移量?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (20)

我在检查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

提问于
用户回答回答于

该偏移量基本上是浏览器根据其位置CSS属性为元素计算的x,y位置。所以如果你把<br>在它或任何其他元素之前,它将更改偏移量。例如,可以通过以下方式将其设置为0:

#inputBox{position:absolute;top:0px;left:0px;}

#inputBox{position:relative;top:-12px;left:-2px;}

因此,无论你有什么定位问题,都不一定是一个偏移量问题,尽管可以通过使用顶部、左侧、右侧和底部属性来解决这个问题。

用户回答回答于

对我来说,是垂直对齐:基线和垂直对齐:导致顶部偏移的顶部。

扫码关注云+社区