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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕粉4437775

margin:0 310px 0 210px; 相对于左右俩边，中间是缩小了空间（减少内填充）

0 4-3 编程练习

2016-08-20

weibo_月丶是故乡明_0

{height:100px;width:800px;background: #ccc;margin: 0 auto}
{height:500px;width: 800px;background: red;margin: 0 auto}
{height:500px;width:290px;background: blue;float:left}
{height:500px;width: 500px;background: greenyellow;float:right}
{height:50px;width:800px;background: orangered;margin: 0 auto}

0 5-3 编程挑战

2016-08-19

白马游侠

有时候并不是设置错误了，而是由于右边显示部分的宽度太小了，中间自适应就会显示在左边列和右边列的下方，建议拉宽显示部分在查看显示结果。

0 4-3 编程练习

2016-08-19

天边一朵云3808796

正解是在第9行加入，width:50%; margin:0 auto; 意思是宽度为总宽度的50%，上下宽度为0，两边自己适应宽度，也就是居中，但是在这个上面为什么没效果，是因为前面width设置了宽度960！！！这框架没那么TM的宽！前面的兄台们别误人子弟- - 要有效果，就这只width：50%。这基础，伤心啊

43 2-3 编程练习

2016-08-17

StephenNj

style里头最后分号都丢了~

0 2-1 一列布局

2016-08-17

hansenwangvip

.top{height:50px;background:#ccc;margin:0 auto;}
.main{width:100%;height:500px;background:red;}
.left{width:40%;height:500px;background:blue;float:left;}
.right{width:58%;height:500px;background:green;float:right;}
.foot{width:100%;height:50px;background:orange;margin:0 auto;clear:both;}
完美！

1 5-3 编程挑战

2016-08-17

danielttu

px一定要写wdf

1 4-3 编程练习

2016-08-17

Blizzard_lihe

声音有点小

0 1-1 内容简介

2016-08-16

神奇的阿楠

没用绝定位，完全符合
top{height:100px;margin:0 auto;background:#290;}
main{height:600px;margin:0 auto;background:#321;}
left{height:600px;width:30%;float:left;background:#543;}
right{height:600px;width:68%;margin:0 auto;float:right;background:#435;}
foot{height:100px;clear:both;margin:0 auto;background:#751;}

0 5-3 编程挑战

2016-08-16