CSS没有得到的Chrome浏览器

我有以下线正确的应用在我的JSPXCSS没有得到的Chrome浏览器

<div class="page_nav"> 
    <a id="saveButton" class="button"><span>${save}</span></a>   
    <a id="cancelButton" class="button"><span>${cancel}</span></a> 
</div>

装载“保存”和“取消”按钮。当我加载页面时，按钮的顺序不是排序的，只能在chrome中排序。请参阅参考截屏

BUTTON NOT DISPLAYED ORDERLY

下面是CSS复制粘贴

a.button { 
    background: transparent 
     url('../../images/admin/bg_button_span.png') repeat 
     scroll top right; 
    color: #fff; 
    display: block; 
    float: left; 
    font: normal 1.1em Tahoma, Arial; 
    height: 24px; 
    margin-right: 6px; 
    padding-right: 10px; 
    padding-left: 10px; 
    text-decoration: none; 
    cursor: pointer; 
} 

.page_nav { 
    float: left; 
    margin: 1em 0; 
    width: 100%; 
    clear: both; 
}

这只发生铬

我用的是同一个div中另一个页面（同样的类名），它完美的工作。不知道什么是缺少在这里

请帮我在这

来源

2013-03-21 Arun

尝试设置溢出：隐藏.page_nav：

.page_nav { 
    float: left; 
    display:block; 
    margin: 1em 0; 
    width: 100%; 
    overflow: hidden; 
}

来源

2013-03-21 14:53:52 Lowkase

谢谢!!它适用于所有浏览器！ :-) – Arun 2013-03-21 15:01:31

@Lowkase你能解释一下问题的原因以及溢出的方式：隐藏属性解决了这个问题。它会帮助其他读者。谢谢！！ – sachinjain024 2013-03-22 13:04:16

OP没有正确清除.page_nav的浮动子项。我只是使用overflow清除了.page_nav的子浮点数：hidden。我更喜欢使用溢出来清除我的浮动，除非在某些情况下我必须使用clearfix。你可以在这里阅读更多关于清理漂浮物的信息：http://www.impressivewebs.com/clearing-floats-why-necessary/ – Lowkase 2013-03-22 13:18:43

CSS没有得到的Chrome浏览器

回答

相关问题