网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

贤宝的世界

因为 a 元素为静态定位，所以要以根元素为基准进行偏移，也就是 html 元素。

5 4-5 练习题

2015-06-26

5i小灬ban

老师声音这么好听，听课都变认真了

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

2015-06-25

thuycdgq

老师讲的非常好！谢谢老师！老师辛苦！

0 4-2 相对定位

2015-06-25

慕_男神

#left{float:left; width:110px;border:1px solid #999;}

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

2015-06-24

慕_男神

#wrap{width:970px; margin=0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{margin-left:125px;width:650px;border:1px solid #999;}
#right{position:absolute; margin-left:792px;top:0; border:1px solid #999;}

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

2015-06-24

云雪1511

清除浮动：.clearfix:after{display:table;line-height:0;content:"";clear:both}
.clearfix{*zoom:1}

0 4-1 绝对定位布局简介

2015-06-24

慕_男神

准备去剪个和慕课网logo一样的发型。。

1 4-3 绝对定位

2015-06-24

慕_男神

太坏了，把浏览器撑开了

0 4-2 相对定位

2015-06-24

贝壳06

还可以哦！

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

2015-06-23

123yxp123

#mainbody设置一个100%的宽度。为了给下面的子元素依赖于该父元素内，为设定宽度的元素宽度自适应。所以right自适应了宽度
right:的left110+13+650+17=790;
<style type="text/css">
#wrap{ margin:0 auto;}
#mainbody{position:relative;width:100%;}
#left{position:left;}
#mid{position:absolute;top:0;left:123px;}
#right{position:absolute;top:0;left:790px;}</style>

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

2015-06-22

123yxp123

设置绝对定位的块相对与相邻的元素的高度要大于该块的高度

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

2015-06-22

123yxp123

建立了一包含块为基准的定位，不在标准文档流中。设置偏移量和不设置偏移量的情况：
无论是否存在已经定位祖先元素，都保持在元素初始位置。
不设置偏移量：
设置absolute之后没有设定祖先元素的相对定位relative的时候，该设置了absolute时，不设置偏移量的时候，该元素位置不变，宽度为内容的宽度，脱离文档流中，在box3的上面。
有祖先元素相对定位时，也依旧保持在原来的位置中，还是以内容为宽度。
设置偏移量：
没有依旧定位在祖先元素：会以该html根节点偏移，即浏览器为基准

有的话会以离其最近的设置了定位的元素为祖先元素。
多个相对定位，要设定一个宽度。

0 4-3 绝对定位

2015-06-22

123yxp123

positive设置相对定位，以自身为相对基准进行偏移，设置相对定位属性之后会有偏移属性（top left right bottom 相对于自身进行偏移，会覆盖其他内容进行偏移）和z-Index属性（空间的层堆叠z轴的堆叠，没有的话是默认存在y和x轴的一个平面上）

0 4-2 相对定位

2015-06-22

123yxp123

绝对定位布局：横向多列布局，固定层效果，全屏广告，动画效果。position定位布局：静态定位static元素没有设置定位属性时的默认状态，元素还属于文档流中。相对定位relative 绝对定位absolute fixed。

1 4-1 绝对定位布局简介

2015-06-22

湘都首富

haoting

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

2015-06-22

首页上一页 202 203 204 205 206 207 208 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础