网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

煎蛋的少年

测试后发现错了-0-。偏移的是相对定位。

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

2016-05-30

煎蛋的少年

如果直接用left200px，会导致页面宽度被撑宽（可看前面的视频），content的内容宽度不会随之自适应减小。而用margin，其本身以父级宽度对对块状元素起作用，所以不会撑宽页面、。

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

2016-05-30

1026015196

个人补充一下，还有一种清除浮动的方法是使用伪类:after{
content:"";
height:0;
visibility:hidden;
display:block;
clear:both;
}
只不过这种方法对IE不太管用，适用于非IE的浏览器。

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

2016-05-29

weibo_核仁的祝福_0

z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。

1 4-2 相对定位

2016-05-29

_心若无尘落雪听禅3217495

#wrap{width:970px; margin:0 auto;}
#mainbody{【任务3】 margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;positive:relative}
#right{float;right;border:1px solid #999;position:absolute;left:777px;}

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

2016-05-29

_心若无尘落雪听禅3217495

总体是好的，虽然有些理论说的错了

0 3-3 横向两列布局

2016-05-28

Chanmok

有些人好恶心，有免费的资源学习还挑这挑那

1 2-4 自动居中一列布局

2016-05-28

精慕门5145358

#right{position:absolute;margin-left:794px;border:1px solid #999;}
我写的margin-left：794px,原因是970-（1+110+1+13+1+650+1+17）
解释wrap的总宽度-（left的宽度+left两侧边框+left和mid的间距+mid的宽度+mid两侧边框+mid与right的间距）

当我设置#wrap{overflow：hidden}时，却发现right的右侧边框被隐藏了，此时调整#right{margin-Left:791px}刚好能见右边框

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

2016-05-27