CSS clear清除浮動

来源:http://www.cnblogs.com/yichjin/archive/2016/06/05/5562414.html
-Advertisement-
Play Games

1、CSS中的clear有四個參數: none:允許兩邊都可以浮動。 left:不允許左邊有浮動。 right:不允許右邊有浮動。 both(預設);不允許有浮動。 2、一開始在CSS中clear浮動是預設both,也就是說一開始不能有浮動的。 3、使用的案例:假設我清除第三個DIV的浮動 <sty ...


1、CSS中的clear有四個參數:

  none:允許兩邊都可以浮動。

      left:不允許左邊有浮動。

      right:不允許右邊有浮動。

      both(預設);不允許有浮動。

2、一開始在CSS中clear浮動是預設both,也就是說一開始不能有浮動的。

3、使用的案例:假設我清除第三個DIV的浮動

<style type="text/css">
div{
border:1px solid red;
float:left;
clear:none;
}
#msg_Div{
width:600px;
height:600px;
}
.one{
width:100px;
height:90px;
}
.two{
width:100px;
height:90px;
}
.three{
width:100px;
height:90px;
clear:left;
}
.four{
width:100px;
height:90px;
}
.five{
width:100px;
height:90px;
}
</style>

 

<body>
<div id="msg_Div">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
</div>
</body>

效果:

   


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Atitit.用戶許可權服務 登錄退出功能 參數說明 /com.attilax/user/loginOut.jsp?url="+url Utype=mer 作者:: ★(attilax)>>> 綽號:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿爾 拉 ...
  • 一開始可能會寫得很亂,因為自己也不太清楚從哪裡入手,可能會直接將一些別人的心得羅列出來,後面我會在吸收了以後,找到了頭緒,然後整理歸納出自己的東西。 不多扯了,先摘一段別人的心得,原文鏈接http://www.cnblogs.com/Azula/p/4988949.html 一 . AbpBoots ...
  • 方法: 1、安裝tomcat1,過程為解壓縮。 2、拷貝壓縮後的文件,命名為tomcat2。 修改tomcat2中配置文件,tomcat1保持不變 server.xml, <Server port="8006" shutdown="SHUTDOWN"> 埠改為8006,tomcat1為8005 < ...
  • Pool對象的技術指標: 避免頻繁創建經常使用的稀有資源,提高工作效率. 控制閥值,很多情況下一些關鍵資源都有一個最佳併發數,超過這個拐點性能有可能急劇下降,也有可能繼續增大併發數性能不能提升. 安全的獲取對象和釋放對象(使用之後放回連接池) T對象實現時最好與Pool對象建立某種關聯,調用T對象實 ...
  • 前言 long long ago,大家普遍地認為JavaScript就是做一些網頁特效的、處理一些事件的。我身邊有一些老頑固的.NET程式員仍然停留在這種認知上,他們覺得沒有後端開發肯定是構建不了系統的。 編程語言和技術的結合使用,就像一個男人娶了好幾個妞一樣。在舊的時代,.NET是大房,JavaS... ...
  • 適配器模式主要用於當我們寫的代碼與舊代碼(可能不是我們寫的)無法相容時,做類型相容,這樣我們就可以輕鬆使用舊代碼中的功能了,這個模式和裝飾模式很像。 但二者還是有所區別的,裝飾模式主要是為了為類添加裝飾功能,將核心功能與裝飾功能分開。適配器模式主要是為了新舊代碼的相容,萬不得已才使用。 代碼如下: ...
  • 概述 在JavaScript中,我們可以使用函數、數組、對象,以及日期、正則等一些內置類型的實例,它們都是複雜類型的表現。從本質上講,這些複雜類型都是Object類型。本篇主要的內容有3點:函數、數組和對象。 函數 函數是JavaScript的一大重點,它非常的靈活。不像C#這種強類型語言,可以顯式... ...
  • atitti.atiNav 手機導航組件的設計 1.1. 三大按鍵導航功能,back,menu ,home1 1.2. header頁頭組件,為移動頁面頂部的導航條設計。1 1.3. 頁頭主題設計1 1.1. 三大按鍵導航功能,back,menu ,home 參考Android的三大按鍵導航功能,b ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...