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

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

如何用CSS进行网页布局

全部评论问答未解决精华

foot被覆盖

已采纳回答 / Adele_D

为什么要绝对定位、、、.main{width:100%;height:400px;background:red;}

3 回答 871 浏览 5-3 编程挑战

2017-02-18

为什么我的left和right是从左到右排列的

已采纳回答 / 小小幻术师

题主是说左右两个div中英文无法换行吗？这个如果左右是中文可以自动换行，英语需要加word-wrap:break-word;

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

2017-02-17

right部分：为什么一定要 right:0px;才不会另起一行？

已采纳回答 / 动感光波挡不住

对于position：absolute来说，position是根据父元素的边距来寻找定位，如果没有父元素，则依据body也就是窗口定位，right：0px使得position依照body窗口右侧，故不会另起一行

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

2017-02-16

为什么用 position：absolute；不用float：left；

已采纳回答 / peter仔

因为right是自适应的，所以它的width是100%，并且因为它比left先加载，使用float：left;的话会把left挤下去（如果你先加载left可以使用float:left;）而使用position：absolute；普通流中其它元素的布局把绝对定位的元素当不存在。

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

2017-02-15

为什么foot被覆盖

已采纳回答 / qq_烟雨离殇_0

这里要清除浮动，foot因为前面的div设置了浮动，所以它也跟着上去了

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

2017-02-15

为什么不直接在BODY里面全部设置好呢？

已采纳回答 / doits

因为当年你做一个比较大的网页的话，你这么一弄，所有的地方的样式都被你设置好了，有的地方需要的字体颜色什么的大小，还要单独去设置，而有的地方是默认的样式，你提前在body里面全部设置好，这样会多写很多代码。

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

2017-02-11

浮动遇见的问题

已采纳回答 / qq_德德_03610412

把你代码我看一下

2 回答 512 浏览 4-1 三列布局

2017-02-09

上面的教程中三列布局的时候为什么不能设置整体宽度，比如说我想设计整体宽度为800px并居中显示，为什么不能实现呢？

已采纳回答 / 老橙子

因为绝对定位需要相对定位进行定位啊，你这样只有left和right的绝对定位，absolute默认就是以整个html的body进行绝对定位的，一设置这个left：0和top：0你就会直接卡在网页的左上角，因此需要在你的父容器div class="kuandu"里面设置position：relative;将你子div的绝对定位的参照物换成父容器，然后你的子div才能用absolute定位。但是你也可以把代码换成上面那位的直接用relative来定位子div，然后用margin来控制距离

4 回答 861 浏览 4-1 三列布局

2017-02-05

请问没有效果是什么原因。

已采纳回答 / 不知不觉后知后觉嗯

你的class写成calss了。。改一下就好<body><div class="top">head</div><div class="main">main</div><div class="footer">footer</div></body>

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

2017-01-20

混合布局练习题：右侧的自由边框总是超出盒子

已采纳回答 / SAK1

在左右盒子里面没有设float吧，你加上试试看而且左边的盒子应该是不用绝对定位的

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

2017-01-08

为什么left块定位要设置absolute？relative不行吗？

已采纳回答 / 慕粉3914370

relative是相对定位，占空间，absolute绝对定位，不占空间；

1 回答 374 浏览 2-1 一列布局

2016-12-26

footer

已采纳回答 / forever_13

footer{width:100%}

1 回答 597 浏览 5-2 实践题

2016-12-25

三列布局这段代码有错吗？

已采纳回答 / 莫道相思尽

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...

1 回答 535 浏览 4-1 三列布局

2016-12-23