1. 程式人生 > >天暗下來,你就是光

天暗下來,你就是光

塊狀元素比較霸道都是獨佔一行,如果現在我們想讓兩個塊狀元素並排顯示,怎麼辦呢?不要著急,設定元素浮動就可以實現這一願望。

任何元素在預設情況下是不能浮動的,但可以用 CSS 定義為浮動,如 div、p、table、img 等元素都可以被定義為浮動。如下程式碼可以實現兩個 div 元素一行顯示。

div{
    width:200px;
    height:200px;
    border:2px red solid;
    float:left;
}
<div id="div1"></div>
<div id="div2"></div>

這裡寫圖片描述
當然你也可以同時設定兩個元素右浮動也可以實現一行顯示。

div{
    width:200px;
    height:200px;
    border:2px red solid;
    float:right;
}

這裡寫圖片描述

又有小夥伴問了,設定兩個元素一左一右可以實現一行顯示嗎?當然可以:

div{
    width:200px;
    height:200px;
    border:2px red solid;
}
#div1{float:left;}
#div2{float:right;}

這裡寫圖片描述

相關推薦

下來就是

塊狀元素比較霸道都是獨佔一行,如果現在我們想讓兩個塊狀元素並排顯示,怎麼辦呢?不要著急,設定元素浮動就可以實現這一願望。 任何元素在預設情況下是不能浮動的,但可以用 CSS 定義為浮動,如 div、p、table、img 等元素都可以被定義為浮動。如下程式碼可

學會抄菜的時候學會了大數據

抽油煙機 鍋碗瓢盆 大冬瓜 豆腐塊 宜家 最近在學習數倉跟BI,突然發現,結合自己所學會抄的菜。試著把學過的大數據重新理解一番,希望各位都能來一起討論,共同進步。走進廚房 走進廚房後,相信大家會看到各種鍋碗瓢盆,案板,切菜刀,調料,櫥櫃,水池...........而這些就相當於是大數

2017年工資5000元左右的等著面對現實吧!

2017年工資5000元左右的 你就等著面對現實吧!   一個人,月薪5000元左右  你先別得瑟  稅前5000元!滿滿的,你先拿著喔~    三險一金  ★  養老8%=400元,  醫療2%+3=103元  失業0.2%=10元,  公積金12%=600元  400+103+10+600=111

有下面33種癥狀應該離開電腦到戶外走走

rac you spa 分享 你會 技術 href 應該 既然 每天早上時你都精力充沛。但整天坐在屏幕前的生活慢慢的讓你發瘋。一到下午5點,你就開始無法集中註意力可是你非常專業,你仍然能表現出在忙碌的工作。你非常清楚上網會嚴重的讓你分心。占用你的工作時間。你在網上發

牛角先生面包加盟店告訴抓住顧客心理抓住了賺錢的秘訣

一起 產品需求 ref box 愛好 生存 isp 有關 職業 烘焙食物職業最早盛行於歐洲,後通過日本、臺灣進入我國大陸,在我國烘焙職業蓬勃開展。大大小小“前店後廠”的面包房,漫山遍野般遍及大街小巷,許多國外品牌也殺進來,瞄準我國巨大的消費商場。烘焙商場迅速開展

回答了這四個問題可以打造最佳App首頁

如果把手機APP比作人的話,首頁就是臉面了。首頁是一款產品的大門,好的開頭就是成功的一半。 調查表示,26%的手機APP的平均使用次數只有一次。對首次使用產品的用戶而言,首頁的好壞關乎到用戶對該產品的第一印象,無法在首頁取悅挑剔的用戶的眼睛,提供好的用戶體驗,基本就宣告了產品的失敗。因此,想

看完理解什麽是數據的全量、增量、差異備份了

-a 在一起 image 所有 play raw class 完整 splay 在很遠很遠的地方,有一個帳房先生。 他每天要記很多很多的賬單。 老先生一生謹慎,為了保證賬本的安全, 便找來三個徒弟幫忙來對賬本做備份, 這樣即使賬本丟失了, 也可以用備份的賬本繼續使用。

【好課推薦】再不懂區塊鏈out了!快快開啟進階之路挑戰高薪職位吧

理念 培訓 政府 改變 全國 要素 sha 精品 下一個 區塊鏈技術被認為是繼蒸汽機、電力、互聯網之後,下一代顛覆性的核心技術。 如果說蒸汽機釋放了人們的生產力,電力解決了人們基本的生活需求,互聯網徹底改變了信息傳遞的方式,那麽區塊鏈作為構造信任的機器,將可能徹底改變整個人

讀懂這篇文章懂了全網通5.0

上個月,千元標杆紅米Note 5釋出,新機支援全網通5.0,雙卡雙待4G,一邊打電話一邊打遊戲也不會掉線。       那麼相比小米去年推出的全網通4.0,全網統5.0有哪些進化呢?官方整理了“六問六答”,幫助大家詳細瞭解一下。 1、全網通

看懂了章魚看懂了邊緣計算

緣計算(EC-Edge Computing) 是一個值得研究的新興領域。 我們一直在想, 如何有趣地向大家介紹邊緣計算呢? 直到有一天,無意中看到了章魚…… 魔性的章魚 在聊邊緣計算之前, 我們先聊聊這個星球上最魔性的生物之一 ——章魚。 拋開噴墨、變色偽裝這些基本技能不提,

學會了這套方法論能更高效地解決問題(3)

解決問題的基本步驟 曲凱是四十二章經創始人,他在剛畢業做諮詢師的時候就有個疑問,他的那些客戶都是大公司的大老闆,都有很豐富的行業資源和經驗,為什麼要找他一個剛畢業的人幫他們解決問題呢? 後來他發現,大老闆們跟管理諮詢師最大的區別是,面對問題,大老闆們用的是經驗,而諮詢師有一套思維

學會了這套方法論能更高效地解決問題(2)

解決問題的基本步驟 曲凱是四十二章經創始人,他在剛畢業做諮詢師的時候就有個疑問,他的那些客戶都是大公司的大老闆,都有很豐富的行業資源和經驗,為什麼要找他一個剛畢業的人幫他們解決問題呢? 後來他發現,大老闆們跟管理諮詢師最大的區別是,面對問題,大老闆們用的是經驗,而諮詢師有一套思維

學會了這套方法論能更高效地解決問題(1)

解決問題的基本步驟 曲凱是四十二章經創始人,他在剛畢業做諮詢師的時候就有個疑問,他的那些客戶都是大公司的大老闆,都有很豐富的行業資源和經驗,為什麼要找他一個剛畢業的人幫他們解決問題呢? 後來他發現,大老闆們跟管理諮詢師最大的區別是,面對問題,大老闆們用的是經驗,而諮詢師有一套思維

wwwlyjustcom看完這篇會Linux基本操作了請耐看完199O8836661

command sts r文件 正常 內置命令 生態 regular ces 開頭 只有光頭才能變強這個學期開了Linux的課程了,授課的老師也是比較負責任的一位。總的來說也算是比較系統地學習了一下Linux了~本文章主要是總結Linux的基礎操作以及一些簡單的概念,對於開

從golang函式棧空間分佈看defer不會再錯了

    defer 是golang 面試常會面的一個點,但是實在話, 這玩意沒多大用,特別是高頻下,很多廠的優化點之一就是defer。但是這玩意複雜起來,你確實不一定能都答對,到底怎麼分析defer ,才能保證返回值正常呢?其實明白 golang 的函式棧空間佈局,就不會再弄錯了

學會這4個PPT技巧能做出漂亮的PPT教學課件

PPT2016中有很多隱藏神技,看似複雜的一個操作,在這些技巧面前,其實分分鐘就能搞定。還在羨慕網上那些PPT大神麼?其實在做PPT的時候掌握20%操作就可以啦! 一起趕快學習一下吧。 1、插入圖塊 圖塊是PPT中最基本的操作,但是圖塊確是PPT中創意的最好表達方式,特別是教學PPT中,

判斷一個數是否能被另一個整數整除是一個挺簡單的問題一般一個模運算可以搞定了懶惰的曉萌還是不想自己做於是找到幫他寫程式碼幫幫他吧。

判斷一個數是否能被另一個整數整除是一個挺簡單的問題,一般一個模運算就可以搞定了,懶惰的曉萌還是不想自己做,於是找到你幫他寫程式碼,你就幫幫他吧。 輸入格式 輸入包括兩個由空格分開的整數 M 和N(1≤M,N≤500)。 輸出格式 輸出包括一行,如果 M 可以被 N 整除就

看完這篇知道Python生成器是什麼

生成器是 Python 初級開發者最難理解的概念之一,雖被認為是 Python 程式設計中的高階技能,但在各種專案中可以隨處見到生成器的身影,你得不得去理解它、使用它、甚至愛上它。 提到生成器,總不可避免地要把迭代器拉出來對比著講,生成器就是一個在行為上和迭代器非常類似的物件,如果把迭代器比

碼農翻身——搞懂了這幾點學會了Web程式設計

做了那麼多年Web程式設計,仔細想想, 其實本質上就那點事兒, 你抓住了幾個重點問題, 學起來一點都不難。 B/S 是從 90年代的客戶端/伺服器端發展而來, 共同點都是由一個(或一組)伺服器來服務多個客戶端。  差別在於:首先,C/S結構的客戶端可能是由不同語言編寫