DIV 浮动布局

计算科学 前端
#1

参考 HTML 代码如下：[code]








[/code]CSS 代码如下;[code]#gallery { width: 688px; height: 360px; border: 1px solid red; }

#galleryelements {
width: 650px;
height: 320px;
background-color:#0FF;
display: block;
}

.s-thumbnail {
width: 50px;
height: 75px;
border: solid;
}

.thumbnail {
width: 100px;
height: 150px;
border: solid;
}

.left {
float:left;
}

.right {
float:left;
}

#Mimage {
width: 200px;
height: 300px;
border: 1px solid green;
float: left;
}[/code]程序的执行效果为：

703×373