2. 程式人生 > >IE5、6下絕對定位元素和浮動元素並列，絕對定位元素消失不見解決方案

IE5、6下絕對定位元素和浮動元素並列，絕對定位元素消失不見解決方案

阿新 • • 發佈：2019-01-27

浮動元素和絕對定位元素是同級的話，絕對定位元素就會消失，所以咱們只要讓他們兩個不處於同級就可以避免這個BUG

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            width: 200px;
            height: 200px;
            border:1px solid black
 
;
            position: relative;
        }
        .item{
            width: 150px;
            height: 150px;
            background-color: red;
            float: left;
            margin-left: 50px;
            *display: inline;
        }
        .box span{
            width: 50px;
            height
 
: 50px;
            background-color: yellow;
            position: absolute;
            right: -10px;
            top: -10px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="item"></div>
        <p><!-- 這裡沒有P標籤就會觸發-->
            <span
 
></span>
        </p>

    </div>
</body>
</html>

相關推薦

IE5、6下絕對定位元素和浮動元素並列，絕對定位元素消失不見解決方案

浮動元素和絕對定位元素是同級的話，絕對定位元素就會消失，所以咱們只要讓他們兩個不處於同級就可以避免這個BUG <!DOCTYPE html> <html lang="en">

77.下拉重新整理MJRefresh和UITableView的section headerView衝突的原因分析與解決方案

首先修改MJRefreshHeader.h 中的這個  目的是當HeadView已經處於當前螢幕頂端 時不要執行動畫  直接設定偏移量為64 // 恢復inset和offset if (self.

關於mac鍵盤部分數字鍵和字母鍵失靈，無法使用的問題的解決方案

一直在mac上開發，昨天下午卻遇到了部分數字鍵盤（7，8，9）和字母鍵盤（u，i，l，k，j，m）失靈的問題，被折磨了好久，終於找到了解決方案寫在前面：首先各位leader的關懷，感謝漢哥，陽哥一起幫助我Baidu，Google各種解決方案，還有鑫哥提供準備的新mac採購方案

【問題記錄】JAVA程序啟動大概率卡住6分鐘左右，應用日誌沒有任何WARN ERROR，系統日誌也沒有發現和程序相關日誌，最後定位TOMCAT SHA1PRNG耗時太長

系統是基於springboot開發的系統，java -jar啟動過程中發現經常會卡住6分鐘左右，才能啟動完成，全程沒有發現任何WANR和ERROR級別的日誌（其實早看看DEBUG和INFO日誌，可能問題早就解決了，慣性思維害人啊），再去檢視/var/log/message系統日誌，也沒發現任何和

關於在IE中a標籤設定絕對定位和寬高之後卻點選沒有反應的解決方案

最近做了一個頁面，是一張大的背景圖，在背景圖上面有幾個表單元素，程式碼結構大致如下： <div class="huishi" id="form1" style="background:url(images/huishi_bg.png) no-repeat;"&g

CentOS下的yum upgrade和yum update區別，沒事別亂用，和Ubuntu的update不一樣！

ubun pre shu www 生產環境 ref ubunt 要求 get 說明：生產環境對軟件版本和內核版本要求非常精確，別沒事有事隨便的進行yum update操作！！！！！！！！！ yum update：升級所有包同時也升級軟件和系統內核 yum upgrade

隨機快排查詢第k小元素和隨機化查詢第k小元素

隨機化查詢第k小元素：不必將所有元素按從大到小或從小到大排序即可找出第k小值 思路：隨機從序列中取一值，從第一個值開始，將比起小的放在左面，比起大的放在右面。然後比較k與這個值的位置（陣列下角標，我設定成從1開始的）如果k的值比這個值的下角標大，那麼取這個值的右半部分（都比這個值小）然後再從其中

使用DHTML技術獲取元素和增刪改文件中的元素

(1)獲取元素 getElementById() -- 通過id來獲取指定元素 getElementsByName() -- 通過name來獲取指定元素組成的集合陣列 getElementsByTa

ubuntu14.04下編譯linux uboot和kernel時提示arm-linux-gcc: not found 的解決過程

1. 首先從名稱上可以看出是沒有安裝arm-linux-gcc的編譯器所致，所以先得從網上下載arm-linux-gcc編譯器，具體下載路徑和版本請根據自身需要來決定。2. 將arm-linux-gcc的壓縮包下載下來後，先解壓檔案，我這裡的壓縮包是arm-linux-gcc

css 定位模型和浮動總結

對於css定位，今天總算是搞明白了，做一下小結。 css 中有3種基本的定位機制：普通流、浮動和絕對定位。說明：普通流中元素框的位置由元素在HTML中的位置決定，塊級框從上到下一個接一個地垂直排列，框之間的垂直距離由框的垂直外邊距計算出來。 （1）相對定位：如果對一個元素進

Android JSON資料格式的解析，與簡單物件、帶泛型的List和Map的轉換，以及GSON的使用

首先，這裡要先說一下 JSON 的語法。 1、使用 JSON 語法建立物件         如圖，建立 object 時，總是以 “{” 開始，以 “}” 結束，物件的每個屬性和屬性值之間以英文冒號 “:” 隔開，多個屬性定義之間以英 文逗號 “,” 隔開。語法格式如下：

js去除陣列的重複元素和去除陣列中相鄰的重複元素

//去除陣列的重複元素 Array.prototype.distinct = function(){ var $ = this; var o1 = {}; var o2 = {}; var o3 = []; var o; for(var i=0;o = $[i]

關於HTML（含HTML5）的塊級元素和行級（內聯）元素總結

1.首先我們要知道什麼是塊級元素和行級（內聯）元素?    塊級（block）元素的特點： 　①總是在新行上開始；    ②高度，行高以及外邊距和內邊距都可控制；    ③寬度預設是它的容器的100%，除非設定一個寬度；    ④它可以容納內聯元素和其他塊元素。   

Maven系列第6篇：生命週期和外掛詳解，此篇看過之後在maven的理解上可以超越同級別90%的人！

maven系列目標：從入門開始開始掌握一個高階開發所需要的maven技能。 這是maven系列第6篇。 整個maven系列的內容前後是有依賴的，如果之前沒有接觸過maven，建議從第一篇看起，本文尾部有maven完整系列的連線。 前面我們使用maven過程中，用到了一些命令，如下： mvn clean mvn

Vue 脫坑記 - 查漏補缺(匯總下群裏高頻詢問的xxx及給出不靠譜的解決方案)

header maps too 社區 選擇 div fsim route 變量 前言 發現群裏有些問題的提問重復率太高了,每次都去回答,回答的賊煩.這裏做一個大體的匯總,廢話不多說,直接開始給出方案,不是手把手..若是連問題和解決都看不懂的..應該去補充下基礎知識

（xampp）lampp 下配置https（ssl）自簽雙向認證以後 apache無法啟動解決方案

art blog xtra 場景 問題 .com 客戶端瀏覽器 php https 自簽CA一般是沒有應用場景的，因為需要客戶端瀏覽器導入證書才能訪問 但是在某些需要內部使用的場景下，確實是一個解決方案 但是在lampp配置了雙向認證以後發現 原來自帶的管理命令 lampp

思科和華為交換機loopback-detection引起的報錯解決方案

思科 華為 loopback-detection 今天菜雞哥哥到核心交換發現一堆報錯，如下圖思科對此官方的解釋是：Error Message SW_MATM-4-MACFLAP_NOTIF: Host [enet] in [chars] [dec] is flapping between port

【轉】Vue 脫坑記 - 查漏補缺(匯總下群裏高頻詢問的xxx及給出不靠譜的解決方案)

裝飾器 插入 定向 一些事 必須 部署 -- 一點 鎖定 前言 文章內容覆蓋範圍,芝麻綠豆的破問題都有,不止於vue; 給出的是方案,但不是手把手一字一句的給你說十萬個為什麽! 有三類人不適合此篇文章: “喜歡站在道德制高點的聖母婊” – 適合去教堂 “無理取鬧的鍵盤俠

ubuntu18.04.1下配置前端開發環境（nvm），nvm安裝不成功的解決辦法

# Proxy alias setproxy="export ALL_PROXY=socks5://60.205.84.96:10086" alias unsetproxy="unset ALL_PROXY" 寫到 ~/.bashrc 最後面 然後，退出當前的 terminator 再開

Win10下檔案資源管理器選中檔案 夾 沒有出現 選中狀態 的終結解決方案

                我用的是win10專業版，出現這種問題已經很多次了，之前也沒有管過，重啟下電腦就沒事了，我在網上也