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

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

如何用CSS进行网页布局

全部评论问答未解决精华

为什么不用输入auto就自适应了呢？

已采纳回答 / 开窗十载砍十桃花

不输入的话，是默认的。

2 回答 533 浏览 4-1 三列布局

2016-10-05

我家小书书

margin:2px; 距四周均为2px
margin:2px 3px; 距上下2px，左右3px
margin:2px 3px 4px; 距上2px，距左右3px，距下4px
margin:2px 3px 4px 5px; 分别距上、右、下、左为2、3、4、5px

2 4-1 三列布局

2016-10-04

Ericwaitaminute

答案里面说好的自适应呢:-(

0 5-3 编程挑战

2016-10-04

球wl20141101

.top{width:100%;height:100px;background:gray;}
.main{height:600px; width:100%; background:red;}
.left{ width:200px;background:blue;height:600px;}
.right{ width:100%;height:600px;background:green;margin-left:210px;position:absolute;}
.foot{width:100%;height:50px; background:#f63;}

0 5-3 编程挑战

2016-10-04

qq_喜欢阳光_04025422

感觉是初级的课程。

0 5-1 混合布局

2016-10-03

qq_喜欢阳光_04025422

我觉得开头声音还好啦，混沌的脑子一听开头就清醒了。

1 1-1 内容简介

2016-10-03

慕粉547471488

光听懂是不行的，和会做事两码事，希望大家多练练

3 5-1 混合布局

2016-10-03

慕粉547471488

两列可以用float
三列的中间要用margin：0 （右边一列宽度）0 （左边一列宽度）旁边两列分别向左向右浮动

1 4-1 三列布局

2016-10-03

Java的永远追随者

.top{height:100px;width:100%;background:#999}
.main{height:600px;background:red;}
.left{width:30%;height:600px;float:left;background:blue;}
.right{width:67%;height:600px;float:right;background:yellow;}
.foot{height:100px;background:#F93}
</style>

</head>

0 5-3 编程挑战

2016-10-03

babylover

gg,表示对着答案打出来也不对。

0 5-3 编程挑战

2016-10-03

main的左右顺序不一样，效果不一样，为什么会这样

最新回答 / 人非草木

你确定图2效果中的源代码是图1吗？？我原封不动的抄写了你的代码，包括你.left里的top;0这个错误也一样，但是也没达到你图2中的效果，right根本没有占满main的右边部分，你.right中设置position:absolute后，.right脱离文档流成为行内块级元素，默认宽度是文档宽度（也就是跟right这个词一样宽），而你又没有给right设置宽度，所以应该就是占不满main的，所以你的源代码不一样怎么分析啊。。。。。

6 回答 906 浏览 5-3 编程挑战

2016-10-03