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

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

如何用CSS进行网页布局

全部评论问答未解决精华

Qiyee

.top{height:100px;background:gray;}
.main{height:400px;width:800px;background:red;margin:0 auto;}
.left{height:400px;width:250px;float:left; background:blue;}
.right{height:400px;width:530px;float:right;background:green;}
.foot{height:100px;width:800px;background:navy;margin:0 auto;clear:both;}

0 5-3 编程挑战

2015-07-12

为什么中间那块无法和两边的对齐？

已采纳回答 / 小猫过河

一般写html/css都会先设置一下body。比如body{margin:0; padding:0;}这样就避免了一些意想不到的麻烦

2 回答 758 浏览

2015-07-12

monkey_Return

此处需要用到定位，不然做不出来，要么就给MAIN一个宽度

0 5-3 编程挑战

2015-07-12

monkey_Return

答案给的就不对

1 5-3 编程挑战

2015-07-12

Loja

前端工程师是将技术视觉功能等方面结合的一个综合岗位

0 1-1 内容简介

2015-07-10

Paula1994

有实践感觉自己进入状态好多了呢！

0 4-3 编程练习

2015-07-08

JeSuisSally

先加载left，后加载right涉及到js和jquery了吧？从别处抄了段过来，但还是不懂...
<script type="text/javascript">
function show(){
if($("#right").css("display") == "none") {
$("#right").show();
}
else if($("#left").css("display") == "none") {
$("#left").show();
}

}
setInterval("show()",2000)

0 5-3 编程挑战

2015-07-08

width;height这些元素是怎么决定的

最新回答 / 慕慕2042493

310px就是题目要求的据左右列10px+右边列的300px；210px就是题目要求的左右列10px+左边列的200px;margin的像素是根据：上、右、下、左来理解的，参照案例左边要求的图样就可以理解了。

2 回答 1054 浏览 4-3 编程练习

2015-07-08

麦粒mary

老师说的真好

1 5-1 混合布局

2015-07-06

约定永远00

清除浮动有两种方法：1.clear:both 2.overflow:hidden 相对来说，后者我比较喜欢用

2 5-2 实践题

2015-07-05

lovejujube

.main{background:red;}
.left{width:100px;height:300px;background:blue;}
.right{height:300px;background:#9ACC99;position:absolute;top:80px;left:105px;right:0;}
.foot{height:30px;background:#FF6634;clear:both;}

0 5-3 编程挑战

2015-07-05