Html 图像未在div中显示
我的div排得很好。我正试图在中间的div中添加一个图像，但一旦添加图像，div就会消失，图像也不会显示。 我有添加图像的问题，请有人帮助。为什么我的图像没有显示我的代码有什么问题Html 图像未在div中显示,html,css,Html,Css,我的div排得很好。我正试图在中间的div中添加一个图像，但一旦添加图像，div就会消失，图像也不会显示。 我有添加图像的问题，请有人帮助。为什么我的图像没有显示我的代码有什么问题 .div_家长{ 显示：内联； 背景图像：url（'../images/image.jpg'）顶部中间不重复 } .div_中心{ 宽度：300px； 浮动：左； 边框颜色：黑色； 边框样式：实心； 边框宽度：3倍； 高度：700px } .div_右 { 背景色：#edeef； 边框颜色：黑色； 边框样式：实心
.div_家长{
显示：内联；
背景图像：url（'../images/image.jpg'）顶部中间不重复
}
.div_中心{
宽度：300px；
浮动：左；
边框颜色：黑色；
边框样式：实心；
边框宽度：3倍；
高度：700px
}
.div_右
{
背景色：#edeef；
边框颜色：黑色；
边框样式：实心；
边框宽度：3倍；
宽度：150px；
浮动：左；
身高：100%
}
.左分区
{
背景色：#edeef；
边框颜色：黑色；
边框样式：实心；
边框宽度：3倍；
宽度：150px；
浮动：左；
身高：100%
}
欢迎使用报告门户！
此网站上的报告仅以查看或Excel下载的形式提供。
我们是来帮忙的！
我们很友好，可以聊天。随时联系我们，我们会很高兴地回答您的问题。
主管应向我们的报告经理提交请求，包括特定字段和搜索条件
.container{
宽度：100%；
高度：50px；
显示：内联块；
}
.元素左，
.元素对，
.元素中心{
高度：50px；
}
.element\uuuu左、.element\uuuu右{
宽度：25%；
浮动：左；
背景颜色：灰色；
}
.元素中心{
宽度：50%；
浮动：左；
背景颜色：绿色；
}
.divOuter{
显示：内联；
文本对齐：居中；
}
.占卜师1{
边框：1px实心；
浮动：左；
宽度：150px；
高度：150像素；
左边距：3倍；
右边距：3倍；
}
.占卜师2{
边框：1px实心；
浮动：左；
宽度：250px；
高度：150像素；
左边距：3倍；
右边距：3倍；
}
.占卜师3{
边框：1px实心；
浮动：左；
宽度：150px；
高度：150像素；
左边距：3倍；
右边距：3倍；
}
第一组
第二组
第三组
<!DOCTYPE html>
<html class="not-ie" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>aligning 3 divs with different widthst</title>
<style type="text/css">
* { padding:0; margin:0;}
body { font-family:Arial, Helvetica, sans-serif; color:#fff; font- size:16px;}
.div_parent { position:relative; width:100%; height:300px; overflow:auto; line-height:300px; text-align:center;}
.div_left { position:absolute; left:0; top:0; height:100%; background-color:#900; width:150px;}
.div_middle { position:absolute; left:150px; right:150px; top:0; height:100%; overflow:auto; background-color:#00F;}
.div_right { position:absolute; right:0; top:0; height:100%; background-color:#900; width:150px;}
</style>
</head>
<body>
<div class="div_parent">
<div class="div_left">width: 100px;</div>
<div class="div_middle">width: screen - 200px;</div>
<div class="div_right">width: 100px;</div>
</div>
</body>
</html>
将3个div与不同的宽度对齐
*{填充：0；边距：0；}
正文{字体系列：Arial，Helvetica，无衬线；颜色：#fff；字体大小：16px；}
.div_父项{位置：相对；宽度：100%；高度：300px；溢出：自动；行高度：300px；文本对齐：中心；}
.div_left{位置：绝对；左侧：0；顶部：0；高度：100%；背景色：900；宽度：150px；}
.div_中间{位置：绝对；左：150px；右：150px；顶部：0；高度：100%；溢出：自动；背景色：#00F；}
.div_right{位置：绝对；右侧：0；顶部：0；高度：100%；背景色：900；宽度：150px；}
宽度：100px；
宽度：屏幕-200px；
宽度：100px；