请选择 进入手机版 | 继续访问电脑版
收起左侧

小型个人博客项目-【原创】二

[复制链接]

552

主题

569

帖子

1万

积分

管理员

站长

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

积分
16427

灌水之王

QQ
发表于 2017-5-18 19:19:55 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
增加主体区域
2345截图20170518191725.png


我在导航下面增加了一块叫mian的div
里面有两个div,左右分别叫lside、lside
新增代码如下:
index.html

<div id="main">
                        <div class="lside"></div>
                        <div class="rside"></div>
                </div>



index.css
#main{
        margin-top: 10px;
        width: 1100px;
        height: 800px;
        border:1px solid gray;
        position: relative;
        float: left;
        margin-left: 12%;
}
#main .lside{
        width: 805px;
        height: 500px;
        float: left;
        border: 1px solid orange;
}
#main .rside{
        width:275px ;
        height: 500px;
        float: right;
        border: 1px solid fuchsia;
}




只要把代码加在后面即可



为元素加外边距,我们一般用margin



上一篇:小型个人博客项目-【原创】
下一篇:几个优秀js库
QQ:2424004764
回复

使用道具 举报

552

主题

569

帖子

1万

积分

管理员

站长

Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20

积分
16427

灌水之王

QQ
 楼主| 发表于 2017-6-1 23:35:07 | 显示全部楼层
测试能不能回帖
该用户还没有留下签名.
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|申请友链|Archiver|手机版|小黑屋|客户端下载|先锋者IT论坛 ( 湘ICP备16007032号湘公网安备 43030202001052号

GMT+8, 2024-4-19 09:14 , Processed in 0.096176 second(s), 20 queries , File On.

Powered by Discuz! X3.3

© 2017 bbs.fologde.com. Template By Gstudio

快速回复 返回顶部 返回列表