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

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

如何用CSS进行网页布局

全部评论问答未解决精华

qq_唯喑墨萱_0

讲的不好，没有婧享人生老师讲的细致，练习题的代码敲错都检查不出来，老师写代码的格式也不严谨

0 4-3 编程练习

2016-01-18

凯尔特人

老师教的很用心啊

0 5-1 混合布局

2016-01-18

qq_海阔天空_67

我一样做了，但是中间那个div是无法在顶上的

3 4-1 三列布局

2016-01-17

碎比

.top{height:100px;background:gray;}
.main{height:400px;background:red;position:relative;}
.left{height:400px;width:200px;background:blue;position:absolute;top:0;}
.right{height:400px;background:green;margin-left:210px;}
.foot{width:100%;height:100px;background:yellow;}

0 5-3 编程挑战

2016-01-17

feixiang2015

讲的很清楚

2016-01-17

不给数据吗？

最新回答 / 慕移动9181930

A选项标识符不能以数字开头；C选项标识符中不能包含%；D选项标识符中不能包含空格或者在页面内写个脚本也行。取标题长度，如果超过指定值，则substr一下，然后在后面 '...';

2 回答 526 浏览 5-3 编程挑战

2016-01-17

css的颜色板有快捷键吗？怎么出来的？

+ 我来回答回答最高可+2积分

2 回答 783 浏览 3-1 二列布局

2016-01-16

网页怎么自动适应

最赞回答 / 阿贾大魔王

高度自动：height:auto; 最小高度：min-height:100px。“高度自动”会让高度适应内容，最小高度是为了排版考虑，可以没有。

3 回答 439 浏览 5-1 混合布局

2016-01-16

LEO陈帅华

这才是正确答案！

.top{background:gray;height:60px;}
.main{background:red;height:400px;position:relative;}
.left{background:blue;position:absolute;left:0;top:0;width:200px;height:400px;}
.right{background:green;height:400px;margin-left: 210px;}
.foot{background:orange;height:60px;}

1 5-3 编程挑战

2016-01-15

如何实现右侧div宽度自适应?

已采纳回答 / LEO陈帅华

.left{background:blue;position:absolute;left:0;top:0;width:200px;height:400px;}.right{background:green;height:400px;margin-left: 210px;}左侧使用绝对定位脱离父元素的文档流，右侧的div默认宽度为父元素的宽度，只需要设置左外边距为相应的数值即可。

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

2016-01-15

羊羔的奋斗

.top{height:100px;margin:0 aotu;background-color:gray}
.main{height:500px;background-color:red}
.left{height:100%; width:200px;background-color:Blue;}
.right{ height:100%;width:100%;background-color:green;float:left;margin-left:210px}
.foot{height:100px;background-color:orange;;width:100%}

0 5-3 编程挑战

2016-01-15

为什么margin对应的是body定位而不相对于position的定位呢？

已采纳回答 / 心很空_天很蓝

position:absolute;//绝对布局后元素脱离文档流，可以设置top right bottom left(property);margin是盒子的外边距为了不与leftDiv和rightDiv重合所以要设置leftDiv.width为margin-left，设置rightDiv.width为margin-right。么么哒！

1 回答 744 浏览 4-3 编程练习

2016-01-15

沉淀____

一开始一直没想通为什么，footer会跑到最上面去被浮动的遮盖住，后来终于明白了，浮动元素会对和父元素同级元素产生排版影响
<div class="main">
2222222222222222222222222222222222222222222222222222
<div class="left">1111111111111</div>
3333333333333333333333333333333333333333333333
</div>
<div class="footer">footer</div>
这样就能看出来为什么了。。

0 5-2 实践题

2016-01-15

沉淀____

感觉有点逗，position的3个应该都脱离文档了吧？
而float反而在显示时有据可循。。。

2 3-2 评测题目

2016-01-15