网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

断桥驿梦

#wrap{width:970px; margin:0 auto;}

#mainbody{position:relative; margin-top:15px;}

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

#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}

#right{position:absolute;left:794px;border:1px solid #999;}
650+110+13+17+1+1+1+1=794

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

2015-06-07

窗外有个蓝蓝天

老师出的这个问题是问定位机制，而不是具体css的position属性对应那几个值inherit、static、relative、absolute、fixed

0 1-2 练习题

2015-06-07

耍流氓的兔兔

style:就近原则
行内样式（优先级最高）
内部样式
外部样式

0 2-2 盒子模型

2015-06-07

耍流氓的兔兔

margin:外边距
padding:内边据
border:边框
content:盒子中的内容

0 2-2 盒子模型

2015-06-07

junjieok

清除浮动的方法：

1：clear：both;
2:width:100%;overflow:hidden;

注意：
对受到浮动影响的元素添加清除浮动的css

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

2015-06-07

平常心是种心态

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

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

2015-06-06