网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

浮生如梦亦如烟

哪位解释下 left和right应该都不在文档流里，所以foot没clear时，foot应该在left right下面。我看背景颜色确实是在下面，但是如果div里面有内容的话，内容还是会跑到right的后面，而没有和left重叠。谢谢

0 3-3 横向两列布局

2015-12-14

浮生如梦亦如烟

有的地方讲错了，还得看评论才能明白

0 3-3 横向两列布局

2015-12-14

jiaoziyi

老师普通话不是很标准啊。不过内容挺好的，没有废话

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

2015-12-14

晓媛Sharon

css的定位机制有三种：标准文档流、浮动布局、绝对定位
fixed是固定位置不移动默认方式

0 1-2 练习题

2015-12-14

请问下红色圈中的padding是图片中哪边开始算起的，帮忙标注下

已采纳回答 / 狂飙的蜗牛_1

你的// img有margin 18px

3 回答 524 浏览 2-3 编程练习

2015-12-13

雨路

讲得很详细，只是mainbody读成闷body，感觉好别扭

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

2015-12-13

白洋淀在线

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

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

那个debug窗口怎么调用出来的？firefox中才有吗？

最新回答 / 慕男婶

Firefox、chrome、safari、opera、IE都有（低版本IE没有，貌似是IE7及一下没有，记不清了，你查一下吧）调出debug窗口的方法：1、左键--> 审查元素（或检查元素）即可打开2、快捷键 F12，也能打开

2 回答 656 浏览 4-3 绝对定位

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