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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Ayayaya12

挺好的，position那里多说一下就更好了

2016-11-01

庸俗的书生

.top{width:auto;height:100px;background:#00DF00;}
.main{width:auto;height:600px;background:red;}
.left{ width:36%;height:600px;float:left;background:blue;}
.right{width:60%;height:600px;float:right;background:green;}
.foot{width:auto;height:50px;background:#7FFF55;}
</style>
</head>

1 5-3 编程挑战

2016-11-01

慕粉4099018

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

0 4-3 编程练习

2016-11-01

徐锦杰

啊真的讲的很好啊感觉已经听懂了啊是时候去练习了别急啊

0 5-1 混合布局

2016-10-31

想你想你噢

回答最多赞的问题吧，事实上是不用添加margin-top-600的，因为你看看left的设置position:absolutely，这里是写错的，应该设置为position:absolute，这样就可以了

2 4-3 编程练习

2016-10-31

怎么快速布局呢？

最赞回答 / 小呀嘛小白菜

首先你要分清楚这也网页究竟有几个功能模块，划分清楚后再设计每个大模块中的子模块，确定好平面设计之后，再如课程开头所说，利用css的浮动、定位等方式进行模块的布局划分

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

2016-10-31

丶二筒

感觉所谓锦囊有毒啊

1 5-3 编程挑战

2016-10-29

看我ID就是这个

为什么屏幕一抖一抖的

1 1-1 内容简介

2016-10-29

萌萌的笨笨4283846

2年前我们老师叫我们网页自己玩。。然后一大堆的div div div。

1 3-1 二列布局

2016-10-29

什么是清除body样式？

最赞回答 / Blizzard_lihe

不同的浏览器会给margin padding加上默认值

5 回答 2850 浏览 2-1 一列布局

2016-10-28

请教一下有关于css和div的问题？

最新回答 / Blizzard_lihe

最普遍常用：<link href="文件路径" rel="stylesheet" type="test/css" />有时会有兼容问题：@import url("public.css");

4 回答 521 浏览 3-1 二列布局

2016-10-27

慕粉4294796

今天第一次，好高兴

0 2-3 编程练习

2016-10-27

慕斯卡6987482

太好了，学习了，

2016-10-26

我的前端之路

.top{ width:100%; height:50px; background:grey; }
.main{width:100%;background:red;position:relative;}
.left{width:200px;height:300px;background:blue; position:absolute; top:0; left:0;}
.right{width:auto;height:300px;background:green;margin-left:210px;}
.foot{width:100%;height:30px;background:#f90;}

0 5-3 编程挑战

2016-10-26

我的前端之路

.top{ width:100%; height:50px; background:grey; }
.main{width:100%;background:red;position:relative;overflow:hidden;}
.left{width:200px;height:300px;background:blue;}
.right{width:100%;height:300px;background:green;margin-left:210px;position:absolute;}
.foot{width:100%;height:30px;background:#f90;}

0 5-3 编程挑战

2016-10-26