Question

div排列问题，怎么让三个div如下排列

如图

另外我想做一个文章列表，当有缩略图的时候在右面的框里显示，没有的时候标题可以占满整个横排div，用这种格式能实现吗？

Answer 1

/*style.css*/
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.outer{margin:0 auto;width:100%;height:100%;}
.column_l{width:60%;float:left;}
.column_l .top{width:100%;}
.column_l .bottom{width:100%}
.column_r{width:40%;float:left;}


<div class="outer clearfix">
    <div class="column_l">
        <div class="top"></div>
        <div class="bottom"></div>
    </div>
    <div class="column_r"></div>
</div>

大致是你图上的样子,只是粗略的写了个框架.

至于你说的文章列表,有缩略图和没有缩略图的建议你写两个样式,带缩略图的写一个,不带的写一个.如果你要是不写两个样式,那可以使用js动态的去改变.

Answer 2

用跨列和跨行

追问

div哪有列和行……

追答

用iframe写的啊，很简单的

Answer 3

<div style=" float:left">
<div style=" border:1px ; width:100px; height:50px; ">1</div>
<div style=" border:1px ; width:100px; height:50px; ">2</div>
</div>
<div style=" border:1px ; width:100px; height:100px; float:left">3</div>