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

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

如何用CSS进行网页布局

全部评论问答未解决精华

妖灵262

.left{ width:320px; height:600px; background:#ccc; float:left;margin-left:10px;}
.right{ width:610px; height:600px; background:#FCC; float:right;margin:0 10px;}/*右浮动样式*/

0 3-3 编程练习

2016-11-02

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

丶二筒

感觉所谓锦囊有毒啊

1 5-3 编程挑战

2016-10-29

看我ID就是这个

为什么屏幕一抖一抖的

1 1-1 内容简介

2016-10-29

萌萌的笨笨4283846

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

1 3-1 二列布局

2016-10-29

慕粉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