只设置box1浮动,box2不浮动的时候,box2 还是独占一行,但是box1 是“浮在”box2上面的然后看 是 左浮动 还是右浮动。后面的3列的时候 中间的P 标签也一样,也是独占一行的。
这里讲师应该要讲下float的前世今生(另外一个视频里看来的):(我概括的)float原来仅仅是用来达到文字环绕的效果的。所以这里的结果是:如果p标签里很多文字的时候(超过box1 box2高度)这些文字是会环绕着box1, box2的。大家可以自己试试的。
这里讲师应该要讲下float的前世今生(另外一个视频里看来的):(我概括的)float原来仅仅是用来达到文字环绕的效果的。所以这里的结果是:如果p标签里很多文字的时候(超过box1 box2高度)这些文字是会环绕着box1, box2的。大家可以自己试试的。
2016-10-13
注意:有些学员的答案是错误的。例如任务二只需加 width:100%,而不需要margin:0px auto,因为wrap中已经设置了,后面的设置便是画蛇添足了,除此之外,对于0而言,0之后是不需要加px的。
2016-10-12
已采纳回答 / 许瘦瘦4153848
top left right bottom 这些是设置了绝对定位的模块对于其设置了相对定位的父包含快的偏移量,而margin那是其内部的边距,再去看看盒子模型。不然你试试看那个题,用top 20px;conter会在mainbody下面20px,而你要是用 的margin-top的话,conter会在原来的位置上下移20px;
2016-10-11
绝对定位,宽度自适应强调了又强调,你这句话把多少学生都带沟里去了,对于讲课不负责任的老师,我只想说你的马虎,浪费了千千万学生的时间还有脑细胞!
2016-10-11
#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{positive:absolute;border:1px solid #999;top:0;left:792px;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;margin-right:13px;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{positive:absolute;border:1px solid #999;top:0;left:792px;}
2016-10-11