网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

喋喋呀

使用绝对定位实现横向两列布局一般用于：一列固定宽度，一列自适应宽度。
主要应用技能：
relative-父元素相对定位。
absolute-自适应宽度元素绝对定位
注意：固定宽度列的高度>自适应宽度的列，否则会造成文档的溢出。

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

2015-11-29

喋喋呀

老师太赞了！！！

0 4-3 绝对定位

2015-11-29

还能更欢乐吗

一直都对布局很烦恼，老师的讲解很详细很到位，让我学到了好多，谢谢老师，老师辛苦了！

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

2015-11-28

一直前进

行 hang 航 hang

0 2-2 盒子模型

2015-11-28

喋喋呀

讲的真好！！！那些嫌发音的你厉害可以不要来听！既然没这个能力就别在这里叫

1 3-3 横向两列布局

2015-11-28

lipstogether

好听-w-

0 1-2 练习题

2015-11-28

尘墨

+1.。。。。。。。。。。。。。。。。。。。。。。。。。。

0 1-2 练习题

2015-11-27

DouEast

越听越懵啦。。

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

2015-11-26

喋喋呀

padding:44px 15px 15px;
border:1px solid #b1adaa;
margin:10px 18px;
padding为填充，代表内边距
margin为边界，代表外边距

1 2-3 编程练习

2015-11-26

喋喋呀

padding:20px 0;
border:1px solid #b1adaa;
margin:10px 18px;
padding为填充，代表内边距
margin为边界，代表外边距

0 2-3 编程练习

2015-11-26

撑竹伞的白鹭

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

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

2015-11-26

撑竹伞的白鹭

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

0 4-6 编程练习

2015-11-26