网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

田梗上的梦

把mainbody的position属性设置为absolute后，会有惊喜。不信试试。。。

0 4-6 编程练习

2017-03-25

iwiter

margin

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

2017-03-24

乌托邦帮

*{margin:0; padding:0;}
#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;top:0px;left:790px;border:1px solid #999;}

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

2017-03-24

律生息

这一节的确讲错了，浮动使其脱离了标准文档流，，，，这种official的表述暂且不谈，

box1浮动后box2紧挨着box1？
..............额
box2就没有像刚刚独占一行了？
box2还是独占一行，只不过box1处于box2的上一层，把box2前面的盖住了，在空间上理解是两层的关系，做个试验，设一下box2的宽度，设它为20px,如果是紧挨着的话，就能看到，如果仍然占据一行，则由于宽度很小，一定什么都看不到。

我只是不想初学者因为这种问题被绕晕就放弃，讲的不对尽管提。

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

2017-03-24