如何用DIV+CSS布局例子

 我来答
尚学堂科技有限公司
2018-01-20 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络在线教育、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建。
向TA提问
展开全部

举例(两列布局):

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <title>练习使用HTML</title>
        <link rel="stylesheet" href="css/index.css" />
    </head>
 
    <body>
        <!-- DIV -->
        <div id="d1">
            <span>DIV</span>
        </div>
        <div id="d2">
            <span>DIV</span>
        </div>
        <div id="d3">
            <span>DIV</span>
        </div>
    </body>
 
</html>
css代码:

css文件:

#d1{
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: red;
}
#d2{
    position: absolute;
    margin-left: 100px;
    width: 500px;
    height: 100px;
    background-color: blue;
}
#d3{
    position: absolute;
    margin-top: 100px;
    width: 600px;
    height: 100px;
    background-color: yellow;
}

效果:


推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式