Question

CSS样式中，背景颜色在IE和火狐里面不显示。50分坐等高手

我给LI属性加浮动和设置高度以后，就可以显示，但是排版就完全乱了。
layout_right {
BORDER-BOTTOM: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid;
PADDING-BOTTOM: 8px;
BACKGROUND-COLOR: #ffffff;
WIDTH: 960px;
BORDER-TOP: #ccc 1px solid;
BORDER-RIGHT: #ccc 1px solid;
margin-top: 8px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: none;
}
.layout_right .tit {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; BACKGROUND-COLOR: #ffffff; MARGIN: 0px auto; PADDING-LEFT: 1px; WIDTH: 960px; PADDING-RIGHT: 0px; HEIGHT: 30px; PADDING-TOP: 0px
}
.layout_right H2 {
PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 200px; PADDING-RIGHT: 0px; FLOAT: left; COLOR: #bc2d09; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.layout_right UL {
PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}
.layout_right UL LI {
POSITION: relative;
TEXT-ALIGN: center;
WIDTH: 143px;
DISPLAY: inline;
FLOAT: left;
HEIGHT: 190px;
margin-top: 8px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 7px;

Answer 1

　　您好！很高兴为您答疑。
　　走读了一下您的代码，结合您的描述，可知您所遇到的情况是：因为您没有为您赋予背景色元素指定高度，当该元素既没有高度又没有填充内容时，其是仅有代码罗列，确无占位显示的，自然也就没有背景色。简单的说，就是您设置的元素没有展示。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 2

刚学习吧，代码很乱啊。而且贴上来也不仔细。
你的外层DIV的高度为自动（这个不太好，浏览器目前对于这个东西的支持不好，当然有办法解决。除非需要，一般宽高都最好指定。）
你的UL元素的高度也没指定，这个建议也指定下。
浏览器在解析HTML元素的时候没那么智能，全被都自动排列好，某些情况下默写浏览器就会使你大感意外。

Answer 3

请贴出layout_right 那一部分的HTML代码，立即为您解决！

追问

最近更新列表

{maxcms:videolist num=102 type=all}

[videolist:name len=12]

{/maxcms:videolist}

追答

你给.layout_right UL 加上overflow属性就好了。代码如下
.layout_right UL {
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 2px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
CLEAR: both;
PADDING-TOP: 0px;
overflow:hidden;
}

对了，提醒一下，记得养成良好的代码书写习惯和规范，css,html应该用小写。

Answer 4

display:inline-block;
其他 什么都不需要 ，这50分白捡了