网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

小奇爱吐槽

说实话，讨论再多也没用，你们可以在BOX2加个边框试试，仔细看就知道BOX2仍然是占据了整行的。也就是说浮动是脱离了文档流的，但是并没有脱离文本流，BOX2中的内联元素会受到影响。浮动会影响下一个元素的说法也不严谨，主要是因为浮动脱离了文档流，而其后元素只是紧挨着前面的元素排列而已（已经浮动的元素不算），属于标准文档流的规范。尽信书不如无书，这里并没有怀疑老师的专业能力，可能按照这样的理解在工作中也能避免问题，但是我想说的是，编程这种东西，自己多敲敲，不要看小说一样，敲敲多了就会发现问题的。

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

2016-09-01

paulihs

看看的我的答案是不是也对！
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%;overflow:hidden;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;margin-left:794px;border:1px solid #999;}

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

2016-09-01

极目鹰眼

老师声音甜美，学习真的很枯燥，听到这个声音心情愉快多了！

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

2016-08-31

跳丶跳

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

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

2016-08-31

AeneasWu

思路清晰细节重点会多次强调课件生动形象便于理解关键是声音还很温柔[羞涩]

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

2016-08-31

jishuzcn

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

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

2016-08-31