网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

幕布斯2322633

XML（插妹儿）

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

2016-10-23

HermesFliaxs

在这里margin-left和left是一样的，但margin-top和top是不一样的
换言之margin是外边距用在子元素之间，而无前缀的是偏移量用在父子元素之间

0 4-6 编程练习

2016-10-23

HermesFliaxs

偏移量就是margin-l、r、t、b的简写吧，不用写margin而已

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

2016-10-23

想知道这些代码的意思以及作用

+ 我来回答回答最高可+2积分

0 回答 304 浏览

2016-10-22

水果刀2333

#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {position:absolute;
top:0px;
margin-left:200px;

}

1 4-6 编程练习

2016-10-22

丨妳是我的梦丨

#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
#content {
position:absolute;
top:0px;
left:200px;
}

0 4-6 编程练习

2016-10-22

woniu8hungliniao

做完之后并没有显示出和左边一样的效果图，难道做错了

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

2016-10-22

HermesFliaxs

@qq_趁现在还年轻_03793811
既然div2本身就在padding+内容层，上浮了过后应该在border层才对吧

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

2016-10-22

蝶梦疏妄

额，反正别乱点赞了

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

2016-10-21

可以问下为什么是这样子的顺序么？

已采纳回答 / 浅雪暖阳2

为什么我按你上面的代码弄是在一行呢？我不知道你到底哪出问题了？看看你的 css哪出问题了？

7 回答 678 浏览 3-1 浮动布局简介及float属性

2016-10-21

齐智

浮动会脱标

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

2016-10-21

为毛我做了但是还是没有改变啊

已采纳回答 / qq_小鲤鱼_03131873

把“任务2？”这几个字删掉。还有其他的字再把下面div中天上left right mainbody等对应的、

2 回答 319 浏览 3-5 编程练习

2016-10-21

国伟哥哥的胖次_

我能吐槽一下老师的废话有点多么....

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

2016-10-21

这里给楼主提供一种两栏自适应布局，比老师讲的position：absolute适用范围大，没有“绝对定位高度必须小于左侧高度”这样的限制。直接上图<...图片...>即：在需要自适应宽度的盒子（box2）添加属性display：table-cell; width:2000px 即可。其中display是为了触发BFC，width设置为一个足够大的数值即可，为的是保证内容都能显示出来，也可设置为9999px,哈哈。*设为了兼容而已。

2 回答 1026 浏览 4-4 使用绝对定位实现横向两列布局

2016-10-21

春泥村雨

#right{position:absolute; left:792px; border:1px solid #999;}

注：792=110+13+650+2+17=792（不要忘了 #mid 的 border:1px;）

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

2016-10-21

首页上一页 72 73 74 75 76 77 78 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空