複数の div がネストされていますが、図のような効果を得ることができませんでした。教えてください me_html/css_WEB-ITnose

 

    


css代码如下：
.content{
width:836px;
height:854px;
background:#DDDDDD;
    margin:0 auto;
}
.content.content_1{
width:398px;
height:494px;
background:#9900FF;
float:left;
}
.content.content_2{
width:398px;
height:494px;
background:#660077;
float:right;
}
是哪里写的不对吗 为什么一直无法实现效果图啊

回复讨论(解决方案)

.conte nt .content_1
少了空格

布局没有规划好
只说中间内容部分
首先content整体分为上下两个部分

然后content_1部分又分左右两部分

接着content_1_left分三层即3个div

然后每层分左右部分就是两个div啦~

content_1_right は一部同じです
content_2 もやり方がわかるはずです~