网页设计divid浮动_网页设计DIV+CSS问题浮动问题

1、网页设计，DIV+CSS问题，浮动问题

浮动最直接　最根本的原因就是两个float的宽度和　大于总宽度。注意　IE下的偏移和margin在浮动下值的变化

2、网页设计浮动的问题

把你的背景图片加引号background-image:url("images/header.jpg");

另外content层高度你可以不设,现在你里面只放了一个left层,如果内容多的话它可以自动撑开的.

3、什么是网页设计中的DIV，什么是ID？谢谢

div是指块文字，像你要定义一块文字可以用到它。另外做层的时候也经用到它，它就是让一块东西集成为一个集合.
div标签可以以类或ID附加css样式
1.类
<div class="***">……</div>
2.ID
<div id="***">……</div>
如果用id附加，那么css中应该首先创建这个ID：
如：
#abc .font {
font-family: Verdana, "宋体";
color: #FF00CC;
}
其中abc就是id
可以在abc这个id下建立很多css属性，这样所有在<div id="***">……</div>这个标签中的内容将遵循abc这个id下的css属性。

4、div浮动在div顶部下拉网页浮在顶部怎么设置

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
html, body {
    width:100%;
    margin:0px auto;
    padding:0px auto;
}
.div1 {
    height:2000px;
}
.div2 {
    width:100%;
    height:35px;
    background-color:#3399FF;
    margin-top:100px;
}
.div2_1{
    position:fixed;
    width:100%;
    height:35px;
    z-index:999;
    background-color:#3399FF;
    top:0px;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}

</style>
<script type="text/javascript">
window.onscroll=function(){
    var t=document.documentElement.scrollTop||document.body.scrollTop;
    var div2=document.getElementById("div2");
    if(t>= 100){
        div2.className = "div2_1";
    }else{
        div2.className = "div2";
    }
}
</script>
</head>
<body>
<div class="div1">
    <div id="div2" class="div2"></div>
</div>
</body>
</html>

5、网页制作，div浮动/间距怎么弄

第一种方法：设置标题float：left；more的float：right。
第二种方法调整more的margin-left属性

6、html中浮动窗口怎么做啊？就是一个小窗口飘在在页面上那种

浮动窗口可以用js实现。带关闭窗口的简单全屏浮动代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带关闭按钮的浮动窗口</title>
</head>
<style type="text/css">
#fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0f0f0}
</style>
<body>
<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
<span style="CURSOR:hand;color:red;font-weight:bold;font-size:12px" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span>
<div id="fdck">
浮动测试TEST
</div>
</div>
<script language=javascript>
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>
</body>
</html>

粘贴到本地一个记事本，保存为HTML格式打开即可看见。

如果只是固定在一个位置不动，可以在div的style设置‘position:fixed;’即可。

7、html如何让其中一个div浮在另一个div上面

1、设置div样式 z-index:auto，auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。前提是div是定位元素。

2、可以使用float元素进行实现该效果。代码实例如下：

效果如下：

例子代码：

重叠样式需要主要CSS样式解释

1、z-index 重叠顺序属性。
2、position:relative和position:absolute设置对象属性为可定位（可重叠）。
3、left right top bottom绝对定位具体位置设置。

配合的样式
1、css width
2、css height
3、background 为了观察效果，我们对不同DIV设置不同背景颜色进行区别。

(7)网页设计divid浮动扩展资料：

z-index的值为正整数值，数字越大对应对象层越浮上层越靠前。

以上实例默认顺序是“.div-c”浮在最上层（蓝色背景层）、“.div-b”浮在中层（黄色背景层）、“.div-a”排最底层（红色背景层）。我们接下来使用z-index样式在不改变html代码情况下实现顺序颠覆。

“.div-b”浮在中层（黄色背景层）排序不变，实现“.div-a”浮在最上层（红色背景层）、“.div-c”排最底层（蓝色背景层）。

8、CSS div浮动

这个是典型的分辨率兼容。是有这种判断的。我当初有个页面是这样的做的。
<body>
<style>
.main{width:100%; min-width:1000px;background:#000; height:120px;}
</style>
<center>
<div class="main"></div>
</center>
</body>

这样就保证最小宽度是1000不会因为网页还原了就出现布局错乱。 1000的宽度，基本上所有的屏幕都能接受。如果是分辨率大的。就可以自动控制宽度。
你所说的那个不可能实现。大div是父容器，父容器的宽度不定，要求子容器的宽度变化。根本不可能啊。

9、jquery如何实现把一个div浮动到网页最上层

如果是把div显示在页面最顶层

$('#divid').css({position:absolute,zIndex:9999});//9999保证是最大即可

如果是把div插到body的最前面

$('#divid').prependTo('body');
或
$('body').prepend($('#divid'));

导航:首页 > 万维百科 > 网页设计divid浮动

网页设计divid浮动

与网页设计divid浮动相关的知识