网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

土旦先生

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

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

2016-05-10

小S涩

父层设置宽度，子层设置100%，有良好继承性

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

2016-05-09

慕粉3322863

处在标准文档流的意思是box2没有上移，而不是box1把浏览器撑开吧。

1 4-2 相对定位

2016-05-09

小S涩

盒子尺寸等于 margin+border+padding+盒子内容尺寸

0 2-2 盒子模型

2016-05-09

慕粉3322863

（1）浮动元素会从正常的流中删除，所以其他块元素会占据它的位置，就好像根本没有这个div一样；
（2）不过，对内联元素定位时，它们会考虑浮动元素的边界，因此会围绕着浮动元素。

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

2016-05-09

慕粉3231299

为啥是200px

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

2016-05-09

慕粉3231299

那个工具是什么

0 4-3 绝对定位

2016-05-09

oufei

讲的很好很棒

1 2-2 盒子模型

2016-05-09

一朵大白天

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

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

2016-05-09

oufei

网页布局3大定位机制：
层定位机制：
绝对定位机制；
标准文档流定位机制。

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

2016-05-09

oufei

块级标签会自己占用一行，遇到尽头会自动换行；
行级标签共享行

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

2016-05-09

学痕

当元素设置为绝对定位后，元素也会多出两类属性：偏移量属性和 Z-index属性
不同的是：
1.该元素已经脱离了标准文档流（不占位）
2.建立的定位基准不是该元素的原来位置，而是分两种情况
2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化）
2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素）
A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准
B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
绝对定位不在文档流中（不会占位置，宽度及长度显示随内容增减而增减

107 4-3 绝对定位

2016-05-09