CSS如何控制DIV的位置?

答案:7 悬赏:10 手机版

解决时间 2021-03-29 04:56

提问者网友：记得曾经
2021-03-28 09:49

CSS如何控制DIV的位置?

最佳答案

五星知识达人网友：梦中风几里
2021-03-28 10:48

先得想好是要用绝对定位换是要相对定位

Relative 相对定位：left 和top
position: relative;
left:40px;
top:100px;
他的参照点是他原来位置
Absolute 绝对定位：元素从原来的位置脱离，让出原来的空间，同时相对于他所
存在的离自己最近的非标准流的盒子而言的
position: absolute;
left:40px;
top:100px;
他的参照点是他原来位置
Fixed 只根据body的绝对定位

全部回答

1楼网友：琴狂剑也妄
2021-03-28 18:02

用float配合width，height来控制

2楼网友：未来江山和你
2021-03-28 16:44

test

左侧栏

右侧栏

本页面是我刚做的，在ie6，ie7，firefox，opera下测试均是自动适应满屏。无论是多少分辨率。
一般页面body一定要设margin:0因为浏览器默认是有值给他的。没有设成0就不能100%满屏。
这里用了百分比来设定宽度和高度，是因为每个浏览器的宽度和高度有些差别。如果都设成像素就不能在所有浏览器里都满屏。
leftbar,rightbar里设float:left是为了让层浮动并横向向左排列。
再外面加wrapper是为了更好的控制里面的栏目。如果哪天栏目要是想变窄或者像增高，就只要改这里的宽度和高度就行了，而不必再去动里面的两个层。
当然这里你也可以设成宽度是像素的形式。一般我设1003宽，在1024*768下。高度很少去定义，因为浏览器装插件和没装高度差别比较大。

3楼网友：撞了怀
2021-03-28 15:28

在使用时,利用div的嵌套,再加上CSS样式,可以很好的控制其位置,就像上面发的代码一样

4楼网友：摆渡翁
2021-03-28 15:05

这样问，别人说的再好，你只能学皮毛。没法学会的。
你去买本书，看了就知道了。书买国产的，适合入门。
DIV+CSS说简单非常简单，说难就很难了。
就是很多很简单的你都知道的，你把你知道的，全部再看一遍下来，那你就知道怎么用DIV+CSS了。

5楼网友：怙棘
2021-03-28 13:42

DIV+CSS很简单的

6楼网友：佘樂
2021-03-28 12:08

test

左侧栏

右侧栏

学CSS没必要这样到处问嘛,找几套DIV+CSS布局的站看看CSS怎么写的不就得了
#wrapper{ margin:0 auto;width:80%;height:100%}
这是控制整页面的那个DIV的,要满屏就调整width

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息