网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

白白243

之前看html/css基础的时候只知其然，看完此视频，知其所以然

3 4-3 绝对定位

2016-10-18

白白243

1.75X go

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

2016-10-18

白白243

例行推荐0.5X

2 1-1 网页布局-课程简介

2016-10-18

Lucifershine

float属性被发明的初衷就是让网页文字能像word文档那样进行文字环绕。float虽然是脱离文档流的。但是float属性的特性是，当元素被设置浮动后，非浮动的行内元素会紧随其后的又空隙就插进去。所以文字会对其进行环绕。而非浮动的块级元素则是直接填充上去，若和float的元素有重叠，则被其覆盖。

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

2016-10-17

落叶未必是秋

#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:792px;border:1px solid #999;}

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

2016-10-17

落叶未必是秋

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

2016-10-17

慕粉1474864563

对于有没有必要加overflow:hidden要看浮动以后的效果。如果浮动对后边元素产生了影响，当然要清除浮动。如果对后边元素没有产生影响，就没必要设置清除浮动了。

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

2016-10-17

慕粉1474864563

这个任务出的有错误。效果图中“left”部分是有边框的，但是在代码中“left”部分并没有写入边框。所以在“left”没有写入边框的情况下是790，写入边框的情况下是792才对。

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

2016-10-17

UncleFan

别瞎带节奏行吗

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

2016-10-17

moonriverran

所有的后鼻音都发成前鼻音，所有的n都发声成l，所有的平舌音都发成翘舌音，这位讲师肯定是弗兰来的。

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

2016-10-17

Lydiar3308665

免费不是不能批评的理由，做不好就要认。我很感谢慕课网的免费资源，但是一味说好慕课老师怎么知道自己到底做没做好？还是活在用户对慕课免费资源的感激下的无限吹捧，停步不前？说出课程不足的地方不是不知道感恩，相反的，我们的反馈，不管是正面还是负面，正是我们能回报慕课的手段之一。慷人之慨，让别人觉得不好就别看的，真的是圣母心。

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

2016-10-17

哎哟Zhou哥哥

#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left：123px}
#right{position:absolute;left:792px;border:1px solid #999;}
任务三的792，要算上mid的两条边距

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

2016-10-16

Hi_guy_

#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;}

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

2016-10-16

哎哟Zhou哥哥

#mainbody {
background:#FC0;
width:100%;
overflow:hidden;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
}
把浏览器进行缩放80%，然后点全屏可查看结果

1 3-5 编程练习

2016-10-16

qq_星空Joy_04109670

谁给一下答案？任务二，任务三的答案？

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

2016-10-16

首页上一页 56 57 58 59 60 61 62 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础