打印 上一主题 下一主题
收起左侧

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

[复制链接]

552

主题

569

帖子

1万

积分

管理员

站长

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

积分
16427

灌水之王

QQ
跳转到指定楼层
楼主
发表于 2017-5-18 19:19:55 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

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

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

x
增加主体区域



我在导航下面增加了一块叫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
0 0



上一篇:小型个人博客项目-【原创】
下一篇:几个优秀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 18:09 , Processed in 0.128263 second(s), 20 queries , File On.

Powered by Discuz! X3.3

© 2017 bbs.fologde.com. Template By Gstudio

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