您好,欢迎访问一九零五行业门户网

新手,请教一个问题,谢谢!_html/css_WEB-ITnose

我在一个div_main中嵌套了三个层,请问怎么才能达到并排排列的效果,第二,三个层我用了绝对定位还是不行,而且感觉中间和右边的层不在main曾里面,请指教,谢谢!
代码:
body {
padding:0px;
background:url(images/beijing1.jpg) #000 repeat left top;
font-family:'lucida grande','lucida sans unicode','宋体','新宋体',arial,verdana,sans-serif;
color: #cf0;
font-size:12px;
line-height:150%; 
}
#header{
margin: auto;
         border: 1px #cccccc solid;
 background: url(images/header_beijing.jpg)  #ccc no-repeat left top;
 width: 1000px;
 height: 100px;
 text-align:center
}
#div_main{
padding:0px;
width:1000px;
background:url(images/div_main_beijing.jpg) #ccc no-repeat left top;
margin:20px auto auto auto;
border: 1px #ccc solid;
}
#div_left_sidebar{
margin:10px auto 10px 10px;
border:0px #00ff00 solid;
background: url(images/side_beijing.jpg)  #ccc no-repeat left top;
background-size:cover;
width: 200px;
height:600px;
background-size:cover;
}
#div_zhongjian_sidebar{
float:right;
left:220px;
top:10px;
margin:10px auto 10px auto;
border:0px #00ff00 solid;
background: url(images/zhongjian_beijing.jpg)  #ccc no-repeat left top;
background-size:cover;
width: 560px;
height:600px;
}
#div_right_sidebar{
float:right;
left:790px;
top:10px;
margin:10px 10px 10px auto;
border:0px #00ff00 solid;
background: url(images/side_beijing.jpg)  #ccc no-repeat left top;
background-size:cover;
width: 200px;
height:600px;
页面代码:
这里是头部标题
回复讨论(解决方案) 这里是头部标题

谢谢你,能不能给解释一下这是为什么,还有,为什么左右两边的层,背景图片不能自动适应层的大小啊?
用 float ,width 不能太满,不然会换行
 用 background-size:cover;  背景图片 不能 适应层的大小?
用 float ,width 不能太满,不然会换行
 用 background-size:cover;  背景图片 不能 适应层的大小?
受教了,谢谢,
background-size:cover;这个的问题可能是我图片的长宽比和涂层的长宽比不一样的原因,刚刚上网查了一下,可能是这个原因,谢谢你!
其它类似信息

推荐信息