网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

HermesFliaxs

在这里margin-left和left是一样的，但margin-top和top是不一样的
换言之margin是外边距用在子元素之间，而无前缀的是偏移量用在父子元素之间

0 4-6 编程练习

2016-10-23

HermesFliaxs

偏移量就是margin-l、r、t、b的简写吧，不用写margin而已

1 4-4 使用绝对定位实现横向两列布局

2016-10-23

水果刀2333

#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {position:absolute;
top:0px;
margin-left:200px;

}

1 4-6 编程练习

2016-10-22

丨妳是我的梦丨

#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0px;
left:200px;
}

0 4-6 编程练习

2016-10-22

woniu8hungliniao

做完之后并没有显示出和左边一样的效果图，难道做错了

0 5-1 网页布局-编程挑战

2016-10-22

HermesFliaxs

@qq_趁现在还年轻_03793811
既然div2本身就在padding+内容层，上浮了过后应该在border层才对吧

0 3-2 清除浮动的常用方法

2016-10-22

蝶梦疏妄

额，反正别乱点赞了

0 3-2 清除浮动的常用方法

2016-10-21

齐智

浮动会脱标

0 3-1 浮动布局简介及float属性

2016-10-21

国伟哥哥的胖次_

我能吐槽一下老师的废话有点多么....

0 2-1 网页布局相关知识点讲解——标准文档流、块级及行级元素等

2016-10-21

春泥村雨

#right{position:absolute; left:792px; border:1px solid #999;}

注：792=110+13+650+2+17=792（不要忘了 #mid 的 border:1px;）

0 5-1 网页布局-编程挑战

2016-10-21

丨妳是我的梦丨

#wrap {background:#00C;margin:0 auto;width:960px;overflow:hidden;}
#mainbody {background:#FC0;float:left;}
.left {width:800px;height:200px;background:#000;float:left;}
.right {width:140px;height:500px;background:#690;float:right;}
#footer {background:#639;width:100%;clear:both;}

0 3-5 编程练习

2016-10-21

duanyi00

#ringt{top: 0; left: 110+650+13+2+17=792px;}

0 5-1 网页布局-编程挑战

2016-10-21

duanyi00

content里面必须加上top 0；要不出不来效果，边栏上不来

0 4-6 编程练习

2016-10-21

duanyi00

就那样吧！！！！

0 3-2 清除浮动的常用方法

2016-10-21

qq_eminemjohn_03355944

老师生意真好听

3 1-1 网页布局-课程简介

2016-10-21

首页上一页 54 55 56 57 58 59 60 下一页尾页

该课程已下架

课程须知: 1.一定要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解

老师告诉你能学到什么？: 1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局；2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础