网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

佚__名

讲得很细致，让我对CSS布局有了更全面的认识

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

2016-09-23

慕尼黑6819948

有人暂停看了那段文字吗？我暂停了

1 2-2 盒子模型

2016-09-23

羊村蕉太狼

为何我的DW代码提示功能有打开但就是没提示

1 4-2 相对定位

2016-09-23

小小贝堡

我理解的自适应宽度应该是自适应父元素的宽度；
而这个视频的content元素只是适应了内容的宽度（因为绝对定位的元素的宽度是由内容撑开的），要是内容超出了父元素宽度，排版就不好看。
不是一般情况下的自适应宽度，应该将左边栏设置为绝对定位，右边栏按默认文档流并设置margin-left:200px。那么右边栏就能自适应父元素宽度。

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

2016-09-23

慕函数7042876

#mainbody{overflow:hidden; position:relative; margin-top:15px; background:yellow;}

任务2完成后，mainbody要记得用overflow：hidden；清除浮动！！！不然mainbody元素的高度会塌陷为和right一样，如果mainbody后面还有元素的话就会产生重叠，这里建议给mainbdy设置一个背景颜色方便观察效果。
如果没有给mainbody清除浮动，完成任务3时由于给right使用绝对定位脱离了文档流，任务3完成后mainbody高度就会塌陷为0。

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

2016-09-23

这名字就是贼霸气

很强势，在之前的CSS课程中，绝对定位说的是相对于body定位，这个课程分分钟打脸。

3 4-3 绝对定位

2016-09-23

qq_又见_04007441

#header{width:762px; border:4px solid #badbdb; background:url(../images/banner.gif) no-repeat; height:92px; text-align:right; color:#fff;}
------------------------------------
为什么header的样式要设置的这么复杂，text-align:right; color:#fff;这两个样式有必要吗？？header里面不就添加了一个图片吗，文字下面也单独设置了#header a#header a

0 2-3 编程练习

2016-09-22

qq_又见_04007441

我比较关心的是为什么header的内容没显示

0 2-3 编程练习

2016-09-22