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

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

如何用CSS进行网页布局

全部评论问答未解决精华

心陌灬琉璃梦

/*
1、宽度自适应：不设置宽度；
2、样式加载：样式按从上往下排序，写在前面的先加载；
3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。
*/
/*
1、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽；
2、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px；
3、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。
*/

13 5-3 编程挑战

2017-08-05

weibo_俊逸君故_0

.top{width:100%; height:50px;background:gray;}
.main{width:100%; height:400px;background:red;}
.left{width:25%; height:400px;background:blue; float:left;}
.right{width:74%; height:400px;background:green;float:right;}
.foot{width:100%; height:50px;background:yellow;}

0 5-3 编程挑战

2017-08-05

qq_Oak_2

.top{height:100px;background:#ccc;}
.main{height:500px;background:red;margin:0 auto;}
.left{width:25%;height:500px;background:blue;float:left;}
.right{width:70%;height:500px;background:green;float:right;}
.foot{height:50px;background:#F63;}

0 5-3 编程挑战

2017-08-03

clear:both

已采纳回答 / 程序员北巷

清除当前定义的元素左右浮动诸如：clear:left; //清除左浮动clear:right; //清除右浮动clear:both; //清除左右两边浮动

1 回答 896 浏览 5-3 编程挑战

2017-08-03

混合布局问题

已采纳回答 / 苇草May

<div class="sub-right">right</div>

1 回答 1182 浏览 5-3 编程挑战

2017-08-03

浮动float的问题

已采纳回答 / 慕工程1914111

前面设置了此样式，后面默认停靠位置。加上clear:both清除一下

2 回答 1076 浏览 5-2 实践题

2017-08-03

leafll

为什么设置高度一定是600px，否者会出现很多字呢，还有当屏幕缩小放大时，宽高随之改变，内容也不是原来的位置。

0 5-3 编程挑战

2017-08-02

未来可期V

之前有做一个布局和这个类似，不会做，看完这个觉得挺有帮助的

0 4-3 编程练习

2017-08-02

你是信仰_

.top{width:100%;height:200px;background:#CCC}
.main{height:800px;background:#F00}
.left{width:25%;height:800px;float:left;background:#0FF}
.right{width:70%;height:800px;float:right;background:#9F6}
.foot{background:orange;width:100%;height:200px}

0 5-3 编程挑战

2017-08-02