網頁設計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浮動相關的知識