网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

白洋淀在线

很喜欢老师的声音，越听越入耳。

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

2015-12-13

阿柴chai

我要当学霸啦，嘿嘿嘿嘿嘿嘿

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

2015-12-12

云技术

正确答案：
#wrap{width:970px; margin:0 auto;}
#mainbody{ width:100%;overflow:hidden;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:794px;border:1px solid #999;}

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

2015-12-12

闲逛的蚂蚁

浮动：可实现块级元素横向排列

1、3个属性值：left-左浮动，right-右浮动，none-不浮动

2、设置了浮动的元素，仍旧处于标准文档流中，意味着会占据标准文档流中的空间，对周围的元素产生影响

3、当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化（没内容时直接缩到浮动的那一边，看不见了）

4、当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素

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

2015-12-12

qq_觅梦稚童_0

#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{float:left; width:110px; margin-top:13px;}
#mid{float:left; width:650px;border:1px solid #999;}
#right{position:relative;margin-top:17px;border:1px solid #999;}
也不知道这样对不对。。。不过效果是出来了。

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

2015-12-12

慕勒6343746

讲的很好易懂

0 3-3 横向两列布局

2015-12-12

zy惜吾惜尔

行级标签：strong/img/input/span

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

2015-12-12

zy惜吾惜尔

标准文档流

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

2015-12-12

qq_觅梦稚童_0

清除浮动时，只设置宽度不行，必须设置 overflow:hidden; 才能实现清除浮动的效果

0 3-4 练习题

2015-12-11

qq_觅梦稚童_0

div的浮动总是学得懵懵懂懂

0 3-3 横向两列布局

2015-12-11

qq_觅梦稚童_0

清除浮动方法：

对受到浮动影响的标签作以下操作：

1、clear:both;

2、clear:right; clear:left;

3、width:100%;overflow:hidden;

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

2015-12-11

qq_觅梦稚童_0

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

2015-12-11

qq_觅梦稚童_0

上下 margin 不用设置为 auto，只设置右左就可以。width:100%; 也不可以，一定设置为一个不为 100% 的值。
实现网页自动居中一列布局的关键代码是（margin:10px auto; width:80%;）自动居中一列布局需要设置 margin 左右值设置为 auto，而且一定要设置width为一个定值。

0 2-6 练习题

2015-12-11

qq_觅梦稚童_0

看到解释了：请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。

1 2-5 练习题

2015-12-11

qq_觅梦稚童_0

这道题不会啊，谁知道各层分别是什么，求解答

0 2-5 练习题

2015-12-11

首页上一页 161 162 163 164 165 166 167 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础