我有一个代码,#page_field
父母在哪里,有两个孩子。所以,我希望这两个街区一个接一个。我面临的是chrome显示left_block
正确:pager_separator_design
很30px
宽,所以30px
+ 120px
(相对左)给了我150px
,这就是应该做的。不过IE,不加width
的pager_separator_design
所以总剩下120是错的。Firefox 确实喜欢 Chrome。我能做些什么?
HTML
<div id="page_field">
<div id="pager_separator_design">
</div>
<div id="left_block">
</div>
</div>
CSS
#page_field
{
margin-right: auto;
margin-left:0px;
width: 1000px;
background-color: #FFFFFF;
height:auto;
display: table;
}
#pager_separator_design
{
position:relative;
display: inline-block;
left: 120px;
background-image: url('separator_new.png');
width:30px;
height: 100%;
z-index:10;
}
#left_block
{
vertical-align: top;
position:relative;
left:120px;
display: inline-block;
width:850px;
margin:0;
padding:0;
}
我正在使用 IE10。