Css p:selectOneMenu在用“环绕”时出错；显示：内联块“；关于IE 8

因此，当我将p:selectOne菜单环绕在“display:inline block”周围，并尝试单击下拉框列表时，列表将不会下拉。这只发生在InternetExplorer8中（在IE6、7、firefox中工作）。下面是重新创建问题的小代码

Facelet标题

我的布局.css

body{
    text-align: center;
    background-color: #EBEAE3;
    margin: 0;
    font-family: Trebuchet;
}

#MainWrapper{
    display: inline-block;
    width: 1100px;
    background-color: white;
    min-height: 1000px;
    _height: 1000px;     
}

---

“MainWrapper”的目的是使组件居中。如果我去掉“display:inline block”，或者使用h:selectone菜单，那么一切都会正常工作。

首先，将元素居中的方法是错误的

body{
    text-align: center;
}

#MainWrapper{
    display: inline-block;
    width: 1100px;
}

您需要

margin:0自动取而代之

#MainWrapper{
    margin: 0 auto;
    width: 1100px;
}

（是，从
正文中删除
文本对齐：居中；
）

至于为什么问题出现在IE8中而不是IE6/7中，那么，IE6/7中无论如何都不支持
内联块
，也许这只是IE8与
的CSS之间的冲突。想想虫子

另见：


首先，这是将元素居中的错误方法

body{
    text-align: center;
}

#MainWrapper{
    display: inline-block;
    width: 1100px;
}

您需要
margin:0自动取而代之

#MainWrapper{
    margin: 0 auto;
    width: 1100px;
}

（是，从
正文中删除
文本对齐：居中；
）

至于为什么问题出现在IE8中而不是IE6/7中，那么，IE6/7中无论如何都不支持
内联块
，也许这只是IE8与
的CSS之间的冲突。想想虫子

另见：


Hi BalusC:IE6中的
margin:0 auto
不居中。你知道在IE6中也有这样做的方法吗？这将在怪癖模式下发生。使用不会触发IE的。很多XHTML文档类型在怪癖模式下触发IE。检查doctype链接底部的表格。我建议只使用HTML5 doctype
。嗨，巴卢斯克：
边距：0 auto
在IE6中不居中。你知道在IE6中也有这样做的方法吗？这将在怪癖模式下发生。使用不会触发IE的。很多XHTML文档类型在怪癖模式下触发IE。检查doctype链接底部的表格。我建议只使用HTML5 doctype
。