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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么.right用float：right时右边方块跟文本宽度一样了啊。明明设了margin-left：10px啊

最新回答 / 慕斯4529030

我也有同样的疑问

3 回答 696 浏览 5-3 编程挑战

2016-09-25

慕粉3834592

老师讲的挺细

0 2-1 一列布局

2016-09-25

dddaviddd

.top{width:100%;height:50px;background:gray;}
.main{width:100%;height:300px;background:red;}
.left{width:30%;height:300px;background:blue;float:left;}
.right{width:68%;height:300px;background:green;float:right;}
.foot{width:100%;height:30px;background:orange;clear:both;}

0 5-3 编程挑战

2016-09-25

如何实现自适应宽度

最新回答 / stone310

宽改成百分比<...code...>

1 回答 1526 浏览

2016-09-25

大严rr

代码是从上往下读的，要先加载谁就把谁放在上面就行了，
.top, .foot{width:100%;height:100px;background:#ff0;}
.main{width:100%;height:300px;}
.right{width:100%;height:300px;background:#000; position:absolute;left:210px}
.left{ width:200px;height:300px;background:#ccc; position:absolute;}

0 5-3 编程挑战

2016-09-25

HEI_ComeOn

我也是用笔记本看，声音调到最大了，但是声音还是很小，受不了……

0 1-1 内容简介

2016-09-25

_necilepsy

样子是有了，不知道对不对，哈哈

0 5-3 编程挑战

2016-09-25

2列布局中再3列布局搞不了

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

3 回答 495 浏览 4-3 编程练习

2016-09-24

为什么在DW中可以看到效果，但是到了浏览器预览right就不显示？

最赞回答 / 握不住沙儿随风去

你这个代码我在浏览器里面看很正确啊，right 有显示为红色。

4 回答 2610 浏览 3-3 编程练习

2016-09-24

关于网页自适应还有父元素的问题

最赞回答 / 慕粉3724715

<div class ="main"><div class ="left"></div><div class="right"></div></div>是这样，要包起来的

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

2016-09-24

前端开发的小白用sublime还是DW好

最赞回答 / qq_慕桂英0025035

先学DW好懂些

5 回答 2801 浏览 1-1 内容简介

2016-09-24

高粱地里吃过亏

因为main包含的块全都设置了浮动，而浮动和绝对定位会使块脱离标准文档流，但是head仍在文档流中所以foot会忽略main的所有块而贴着head块
方法1： .main{
width:860px;height:600px;margin:0 auto;background:#9FC;}
方法2：.footer{ height:50px; background:#9F9; margin:600px 0 0 0;}
方法3：.footer{width:100%; height:50px; background:#9F9; position:absolute;top:700px;}

6 5-2 实践题

2016-09-24

慕粉3874996

看了前面的基础，在看这个，感觉很容易懂，学的挺开心

2016-09-23

我学会了~~

最新回答 / stone310

额。这才刚开始

2 回答 337 浏览 1-1 内容简介

2016-09-23

想把这几个同意写到一行里，应该怎么改呢？

已采纳回答 / hello_1128

display:inline 让列表选项按照行内元素显示就可以

4 回答 860 浏览 1-1 内容简介

2016-09-23

Whitney_Wang

.top{height:100px; background:gray;}
.main{height:300px; background: red; position:relative;}
.left{width:200px;height:300px;background:blue;position:absolute;top:0;left:0;}
.right{height:300px;background:green;position:absolute;width:100%;top:0;left:210px;}
.foot{height:100px; background:orange;}

0 5-3 编程挑战

2016-09-23

首页上一页 70 71 72 73 74 75 76 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局