Chrome和Firefox中剩余边距的不同行为？

Question

我有两个不同的浏览器的问题。我重视的问题快照： 当我使用下面的CSS，我得到此搜索：

.support-data-text img, .support-data-text select { 
float:left 
} 
/* this is for dropdown list */ 
form#saveSupport select { 
    height: 29px; 
    width: 234px; 
    position: absolute; 
} 

form#saveSupport input{float: left; width: 243px;} 

/* this is for the img we are using for dropdown list */ 
form#saveSupport .select_game { background: url(../images/select-status.png) no-repeat; 
    width: 223px; position: absolute; height: 29px; line-height:29px; 
    padding: 0 0 0 10px; color: #333; font-size:12px; overflow: hidden; 
} 

，当我加入margin-left: 18%到form#saveSupport .select_game Chrome会显示下拉列表图像的正确对齐，但不是实际的下拉列表列表，而火狐取代drodown列表右侧。 （镜像2）

请帮我解决。我会感激的！

感谢， 维克拉姆

Answer 1

您好我想你设置position:relative父元素和子元素设置position:relative

我觉得你的母公司事业部是本

.support-data-text{ 
position:relative; 
} 

现在设置为孩子div绝对位置，并根据您的设计设置为左上角底部。