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

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

如何用CSS进行网页布局

全部评论问答未解决精华

main部分是不定宽还是定宽？水平居中方式是什么？

最新回答 / Chuan_wei

这个案例是不定宽水平居中！没有设置width属性所以不能使用margin：0 auto;案例要求是：使main水平居中在浏览器中央，并不是严格意义上的mian居中。当然了，如果真的要居中的话可以设置body宽度，在设置left，right的宽度，使得main的位置就是body的正中间位置

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

2016-03-21

woshidaxiong

简单明了我

1 1-1 内容简介

2016-03-21

请问绝对定位的元素无法撑开父级元素怎么解决？

已采纳回答 / ganqibaoqi

第一个错误：main 里面 width:100vw?? 改正：可以去掉第二个错误：left设置一个高度改正：hight:600px;第三个错误：right设置一个高度改正 hight:600px;搞定!!!!!

7 回答 10780 浏览 5-3 编程挑战

2016-03-21

Python程序猿

代码完全一样，为什么我的页面中间显示的是红色，底部是灰色；还有就是foot里不添加margin:0 auto也是居中效果啊？？？

1 2-1 一列布局

2016-03-21

.foot不加margin:o auto 为什么也是居中？？？

已采纳回答 / qq_笑笑_17

继承了相邻元素.main的｛margin:0 auto;｝属性

3 回答 346 浏览 2-1 一列布局

2016-03-21

sublime也可以实现，为什么要用Dreamweaver???

已采纳回答 / 黑白呀

用哪个都一样 DW个人认为在颜色的选择上更方便其余都差不多两者我都在用主要用sub

2 回答 1481 浏览 2-3 编程练习

2016-03-21

Python程序猿

sublime也可以实现，为什么要用Dreamweaver???

0 2-3 编程练习

2016-03-21

Python程序猿

代码完全一样，显示结果不同。

2 2-1 一列布局

2016-03-21

youyou55

这节代码没有给出详细的尺寸，做起来有点费劲。

0 5-3 编程挑战

2016-03-21

Even_hui

.left{
width: 200px;
height: 500px;
background: blue;
position: absolute;
left: 0px;
top: 0px
}

.middle {
height: 500px;
background: red;
margin: 0 210px 0 210px;
}
.right {
width: 200px;
height: 500px;
background: green;
position: absolute;
right: 0px;
top: 0px;
}

0 4-3 编程练习

2016-03-21

为什么foot不用加clear：both？

已采纳回答 / Even_hui

1.clear: both 的用处就是，清除上方元素“浮动导致高度坍塌”（容器高度为0）。2. 清楚了 clear: both 是用来清除浮动之后：加入 #footer 上方的元素是设置了 float，或者 #footer 上方的元素的子元素设置了 float，导致高度坍塌，#footer 就会被上方的元素遮盖了，导致 #footer 显示不出来

2 回答 398 浏览 5-1 混合布局

2016-03-20

thqy39

讲的好简单啊，没啥重点

0 3-1 二列布局

2016-03-20

Lufi3

.top{height:100px; background:#ccc}
.main{height:400px; background:red; position:relative}
.left{ position:absolute; height:400px; width:125px; top:0; left:0; background:blue}
.right{position:absolute; height:400px; width:240px; margin-left:130px; background:#9c9}
.foot{height;50px; background:#f63}

0 5-3 编程挑战

2016-03-19