doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html
xmlns
="">
<
head
>
<
title
>
實現div無重新整理漂浮
title
>
<
style
type
="text/css"
>
/*---------------------
>=ie7或firefox使用position:fixed實現div無重新整理漂浮
*/.tf1
/*-----------------------
ie7以下用這個辦法可以保持div無重新整理漂浮(當然也適用於ie6以上的版本，不過顯得太麻煩),主要是利用當標籤的position:absolute且該標籤的祖先標籤中沒有乙個為相對或絕對定位
，這時該標籤就相對於根標籤:html標籤定位,只要html標籤不隨瀏覽器的滾動條滾動，那麼相對定位於html的標籤也不會動
*/html
/*------------------------------------
注意：html標籤的overflow屬性很特殊，它代表的不是當子節點的長寬超過自己長寬的時候應該怎麼辦，而是代表自己(即html)的長寬超過自己父節點(即瀏覽器)的長寬該怎麼辦,預設是auto(即超過就在瀏覽器上顯示滾動條)
--------------------------------------
*//*
------------------------------------
因為html的overflow屬性不代表子節點的行為，所以當overflow:auto時:
(1)當給它設定的height值小於body加上body的外邊距(margin)時，它的高度就等於body加上body的外邊距(margin)
(2)當它的height大於body加上body的外邊距(margin)時,它的高度就等於自己設定的height值
(3)此外html的height為100%時,若body的高度小於瀏覽器高度，則html的高度就為瀏覽器高，若body高度大於瀏覽器高，則html的高度等於body加上body的外邊距(margin)
(4)如果不設定,html的高度就為body加上body的外邊距(margin)
--------------------------------------
*/body
/*------------------------------------
注意：body的height:100%時:
(1)若overflow:auto,且html指定了height,body則表示和瀏覽器的高度一樣(且會隨著瀏覽器的大小而變化)>>>>注意在ie8的非相容性檢視中,若body的height為100%且html的height不為:100%,則body的高會為html指定的height值
(2)若overflow:auto,且未指定html的高度,body則和自己的子節點的高度和(即body內要佔位的所有標籤高度的和)一樣高
(3)若overflow未指定,body則和自己的子節點的高度和(即body內要佔位的所有標籤高度的和)一樣高
若body的height不為100%則body高度為其height值
如果不設定就和子節點的高度和(即body內要佔位的所有標籤高度的和)一樣高
這裡設定body的overflow為auto是讓body的滾動條代替瀏覽器的滾動條
--------------------------------------
*/.tf2
/*------------------------------------
綜上所述:將
html
body
再設定要漂浮的div的position為absolute且不巢狀在任何為相對或絕對定位的標籤中，即可得到ie任何版本和firefox兼顧的漂浮辦法，
但是若只針對》=ie7或firefox開發還是用position:fixed好些，畢竟少些麻煩！
--------------------------------------
*/style
>
head
>
<
body
>
-----------------基線-----------------
<
div
style
="height:3000px;"
>
<
span
class
="tf1"
>
ie<
=ie7
span
>
<
span
class
="tf2"
>
ie>
ie7span
>
div>
body
>
html
>
DIV浮動思想
html中包括兩種元素 內聯元素 行內元素 和 塊元素 怎麼理解呢？行內元素就是不換行的元素,並且大小可以自適應.例如 a img font span 塊元素就是不論內容多少 寬度高度多少都會換行顯示 例如 div p li 行內元素和塊元素的相互切換 用到 display inline block...
DIV 區域性重新整理
1 web開發中我們經常會遇到區域性重新整理頁面的需求，以前我經常使用ajax和iframe實現區域性重新整理，後來做 的專案，對頁面的樣式要求比較多，發現使用iframe控制樣式什麼的很麻煩，所以就採用了新的辦法，就是下面我們要說的ajax配合div區域性重新整理頁面，其實很簡單，下面我們就看一下...
php 無重新整理提交,php HTML無重新整理提交表單
通常對於無重新整理提交表單，我們都是運用ajax實現的。前段時間跟著老大了解到另一種無重新整理提交表單的方法，是利用iframe框架實現的。現在整理出來分享給大家。第一種 html頁面 無重新整理提交表單 ulphp頁面 form.php 非空驗證 if empty post uname empty...