如何用CSS进行网页布局_技术问答

首页免费课如何用CSS进行网页布局问答

如何用CSS进行网页布局

全部评论问答未解决精华

body{margin:0;padding:0;}作用是什么？可不可以不要n?

最新回答 / 人生就如一首歌

这是为了清除各浏览器之间的默认样式。

1 回答 1310 浏览 2-1 一列布局

2016-04-21

weibo_卡农201409_0

这个教程应该归到初级那里去的

2 5-1 混合布局

2016-04-20

ice夜空

没出效果的多看看哪错了或者换个浏览器试试，这个例子没问题

1 4-1 三列布局

2016-04-20

qq_人生如此矫情散熊_0

.left{ width:300px; height:600px; background:#ccc; float:left;text-align:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC; float:left;text-align:left}/*右浮动样式*/

0 3-3 编程练习

2016-04-20

赚钱追女神

div{lin-height:50px}
.left{width:200px; height:600px; background:#ccc; position:absolute;left:0; top:0;}
.main{height:600px;background:#9cf; margin:0 310px 0 210px}
.right{width:300px;height:600px;right:0;top:0;background:#fcc;position:absolute;}

0 4-3 编程练习

2016-04-20

赚钱追女神

body{margin:0;padding:0;font-size:30px}
div{text-align:center;font-weight:bold}
.main,.footer{width:960;margin:0 auto}
.head{width:100%;height:100px;background:#ccc}
.main{height:600px;background:#fcc;}
.footer{height:50px;background:#9cf}

0 2-3 编程练习

2016-04-20

关于居中margin:0px auto;

已采纳回答 / qq_空_60

“网页简单布局之结构与表现原则”里面 2-1 微博用户发言信息列表制作，比较一下案例的三种方法。

3 回答 528 浏览 5-1 混合布局

2016-04-20

清楚默认样式

最新回答 / 哈哈我在大笑

现在html排版主张div的嵌套，只有通过padding和margin值得改变才能改变排版。建议你再学习一下盒子模型。

1 回答 262 浏览 3-1 二列布局

2016-04-19

我给main设置了相对定位为什么left偏移的时候还是参考body 才能实现效果

已采纳回答 / 南瓜_2016

这样设置是对的啊，不过你的top：50px写太大了，写top:0;就好了

2 回答 558 浏览 5-3 编程挑战

2016-04-19

不显示，为什么？代码哪里出问题了

已采纳回答 / czh666

background:#ccc;

2 回答 669 浏览 2-1 一列布局

2016-04-19

为什么让left浮动起来，会发现left跑到下面了

最新回答 / Mico_Cheung

你把right和left顺序改下就可以了<div class="main"> <div class="left">right是淡定可能差点就哈斯卡电脑；；德川家康会尽快到数据库进行销售了农村你看了看书谁看见了圣诞sadjcklsd</div> <div class="right">left</div></div>

2 回答 1153 浏览 5-3 编程挑战

2016-04-19

关于margin的问题，希望给出准确的答案

最新回答 / AsppAs

<...code...>html结构中，right在前，left在后。如果left不加浮动属性的话，可以看到，left是在right下面的，回到问题来，right的左边不是left，而且父div。所以margin-left的属性不是相对于left的做的作用，所以仅10px是不够的。测试一下，在代码中注释left的div，你会看到margin-left为210的right位置没有变化，为什么？因为他的位置和left没有关系

1 回答 490 浏览 5-3 编程挑战

2016-04-19

艾草glass

html 是按照Dom流加载的所以<div class="right"></div>先写

0 5-3 编程挑战

2016-04-18

盲目目

.left{ width:200px; height:600px; background:#ccc; position:absolute;left:0; top:0}
.main{ height:600px;margin:0px 310px 0px 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0px; background:#FCC;}

0 4-3 编程练习

2016-04-18

何其多

本题涉及浮动和绝对定位的区别。
浮动，脱离文档流，但是浮动之前元素占据的空间任然存在！所有后面的元素只能跟随浮动元素，而不是钻到浮动元素下面被遮挡。

绝对定位，脱离文档流，之前占用的空间崩塌。定位元素后面的元素会从新分配空间，钻到绝对定位元素的下方（看起来是这样的）。所以引出Z-INDEX层叠概念。

1 4-3 编程练习

2016-04-18

木子兮

66666666666

0 5-1 混合布局

2016-04-18

首页上一页 117 118 119 120 121 122 123 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空