+ -
当前位置:首页 → 问答吧 → DIV+CSS 布局设置

DIV+CSS 布局设置

时间:2011-03-02

来源:互联网

固定几个个DIV的高和宽
 
我想让他们在另一个div中横着顺序排列
怎么做呢?
谢谢

作者: liyueyang165   发布时间: 2011-03-02

设置这些div的css样式:
float:left;
即可。

作者: dalmeeme   发布时间: 2011-03-02

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#wrap {
    width:300px;
    height:100px;
    border:2px solid red;
}
#wrap div {
    float:left;
    height:100%;
}
#wrap #div1 {
    width:50px;
    background:red;
}
#wrap #div2 {
    width:100px;
    background:green;
}
#wrap #div3 {
    width:150px;
    background:blue;
}
</style>
</head>
<body>
<div id="wrap">
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
</div>
</body>
</html>

作者: dalmeeme   发布时间: 2011-03-02