网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

mekida

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

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

2016-01-13

amber4625

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

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

2016-01-13

飞翔的小白

播放速度为1.5x 就感觉声音很自然了。

0 2-2 盒子模型

2016-01-13

Mr_浅先生

clear:both;/overflow:hidden;width:100%

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

2016-01-13

右上角的竖线。

已采纳回答 / Ai小亲

那本身就是切图时有的吧

1 回答 618 浏览 2-2 盒子模型

2016-01-13

o_OTroy

#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:13px;}
#right{position:absolute;margin:border:1px solid #999;margin-left:786px;}

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

2016-01-13

levy9527

原来还可以提速啊。不错哦！

0 3-3 横向两列布局

2016-01-13

橘子QAQ

#wrap{width:970px;margin:0px auto;}
#mainbody{ margin-top:15px; width: 100%;overflow:hidden;position:relative;}
#left{width:110px;float:left;}
#mid{width:650px;border:1px solid #999;float:left;}
#right{border:1px solid #999;float:right;text-align:right;position:absolute;right:0;left:10;width:190px;}

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

2016-01-12

phpd

clear 清除浮动

2016-01-12

慕设计7793120

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

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

2016-01-12

使用绝对定位完成横向两列布局

最新回答 / 旺财123life

#content {position:absolute;top:-210px;margin:200px;}因为你的margin只设置了一个值，作用是上下左右全都是200px的间距，所以就算top设置为0也是距离200px的作用，修改如下：#content {position:absolute;top:0;margin:0 200px 200px;}

1 回答 1167 浏览 4-6 编程练习

2016-01-12

帮我看一下哪里错了，为什么应该在第二层的mainbody最后却显示在了第一层

已采纳回答 / 夏晓宁

我这显示没什么问题<...图片...>

3 回答 890 浏览 2-4 自动居中一列布局

2016-01-12

Xianxin

#wrap{width:970px; margin:0 atuo;}
#mainbody{width:100%; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:left;width:190px;margin-left:13px;border:1px solid #999;}

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

2016-01-12

阳光下的空气

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

2016-01-11

mm小鱼酱

开头的音乐吓死人，就不能弄个温和一点的么

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

2016-01-11

老夫不姓老0

老师辛苦了，真的挺有用的

1 2-2 盒子模型

2016-01-11

首页上一页 206 207 208 209 210 211 212 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空