三列布局-中间固定俩边自适应-和两边固定中间自适应布局
生活随笔
收集整理的這篇文章主要介紹了
三列布局-中间固定俩边自适应-和两边固定中间自适应布局
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
中間固定倆邊自適應(yīng)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>無(wú)標(biāo)題文檔</title> 6 </head> 7 <style> 8 *{margin:0;padding:0;} 9 .container{width:100%;height:100%;} 10 .container div{height:400px;text-align:center;font-size:20px;line-height:400px;} 11 .left{width:50%;margin:0px 0px 0px -400px;float:left;} 12 .left .innerbox{background:#ccc;margin:0px 0px 0px 400px;} 13 .right{width:50%;margin:0px 0px 0px -400px;float:left;} 14 .right .innerbox{background:#ccc;margin:0px 0px 0px 400px;} 15 .middle{width:800px;background:#000;float:left;color:#fff;} 16 </style> 17 <body> 18 <div class="container"> 19 <div class="left"> 20 <div class="innerbox">我是左邊的盒子</div> 21 </div> 22 <div class="middle">中間的盒子</div> 23 <div class="right"> 24 <div class="innerbox">我是右邊邊的盒子</div> 25 </div> 26 </div> 27 </body> 28 </html>兩邊固定中間自適應(yīng)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>無(wú)標(biāo)題文檔</title> 6 </head> 7 <style> 8 *{margin:0;padding:0;} 9 body{width:100%;height:100%;overflow-x:hidden;background:#ccc;} 10 .container{width:100%;height:800px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;} 11 .left{width:200px;float:left;height:100%;background:yellow;position:relative;z-index:2;} 12 .right{width:200px;float:right;height:100%;background:red;position:relative;z-index:2;} 13 .middle{position:absolute;left:200px;top:0px;padding:10px 200px 0px 10px;background:#000;z-index:1;color:#fff;height:790px; 14 </style> 15 <body> 16 <div class="container"> 17 <div class="left"> 18 我是左邊固定位寬為200px的盒子 19 </div> 20 <div class="middle"> 21 22 作為開源代碼庫(kù)以及版本控制系統(tǒng)，Github擁有140多萬(wàn)開發(fā)者用戶。隨著越來(lái)越多的應(yīng)用程序轉(zhuǎn)移到了云上，Github已經(jīng)成為了管理軟件開發(fā)以及發(fā)現(xiàn)已有代碼的首選方法[1] 。 23 如前所述，作為一個(gè)分布式的版本控制系統(tǒng)，在Git中并不存在主庫(kù)這樣的概念，每一份復(fù)制出的庫(kù)都可以獨(dú)立使用，任何兩個(gè)庫(kù)之間的不一致之處都可以進(jìn)行合并。 24 GitHub可以托管各種git庫(kù)，并提供一個(gè)web界面，但與其它像 SourceForge或Google Code這樣的服務(wù)不同，GitHub的獨(dú)特賣點(diǎn)在于從另外一個(gè)項(xiàng)目進(jìn)行分支的簡(jiǎn)易性。為一個(gè)項(xiàng)目貢獻(xiàn)代碼非常簡(jiǎn)單：首先點(diǎn)擊項(xiàng)目站點(diǎn)的“fork”的按鈕，然后將代碼檢出并將修改加入到剛才分出的代碼庫(kù)中，最后通過(guò)內(nèi)建的“pull request”機(jī)制向項(xiàng)目負(fù)責(zé)人申請(qǐng)代碼合并。已經(jīng)有人將GitHub稱為代碼玩家的MySpace。 25 在GitHub進(jìn)行分支就像在Myspace（或Facebook…）進(jìn)行交友一樣，在社會(huì)關(guān)系圖的節(jié)點(diǎn)中不斷的連線。 26 GitHub項(xiàng)目本身自然而然的也在GitHub上進(jìn)行托管，只不過(guò)在一個(gè)私 27 28 有的，公共視圖不可見(jiàn)的庫(kù)中。開源項(xiàng)目可以免費(fèi)托管，但私有庫(kù)則并不如此。Chris Wanstrath，GitHub的開發(fā)者之一，肯定了通過(guò)付費(fèi)的私有庫(kù)來(lái)在財(cái)務(wù)上支持免費(fèi)庫(kù)的托管這一計(jì)劃。 29 是的，我們正是這么計(jì)劃的。通過(guò)與客戶的接洽，開發(fā)FamSpam，甚至是開發(fā)GitHub本身，GitHub的私有庫(kù)已經(jīng)被證明了物有所值。任何希望節(jié)省時(shí)間并希望和團(tuán)隊(duì)其它成員一樣遠(yuǎn)離頁(yè)面頻繁轉(zhuǎn)換之苦的人士都會(huì)從GitHub中獲得他們真正想要的價(jià)值。 30 在GitHub，用戶可以十分輕易地找到海量的開源代碼。 31 2版本 32 編輯 33 34 2012年12月24日，GitLab 4.0 RC2 發(fā)布，開源的 Github克隆。 35 3內(nèi)幕信息 36 編輯 37 38 Chris Wanstrath還向記者分享了關(guān)于GitHub的一些內(nèi)幕信息︰ 39 GitHub主要用Rails實(shí)現(xiàn)。我們?cè)谶M(jìn)行的post-commit集成小應(yīng)用完全使用Merb編寫。我們使用了Python的Pygments來(lái)做格式高亮顯示，另外，還用了Ara T. Howard's Bj加上一些Ruby腳本來(lái)做我們的排隊(duì)系統(tǒng)。當(dāng)然，我們用了Ruby Grit庫(kù)來(lái)和Git進(jìn)行交互。 40 GitHub已經(jīng)有了一組引人注目的特性，除了命令式的庫(kù)瀏覽器和一個(gè)項(xiàng)目Wiki，GitHub甚至還包括了一個(gè)GitHub gem，以使通過(guò)shell方式使用GitHub更為方便。更多的未來(lái)特性已經(jīng)在計(jì)劃中︰ 41 許多人都希望能有一個(gè)條目系統(tǒng)，因此一個(gè)簡(jiǎn)單的條目系統(tǒng)已經(jīng)在開發(fā)中。此外，正如我前面所言，我們尚在進(jìn)行RubyGems服務(wù)器和一些之前留出的post-commit鉤子方面的工作。如果你不能或就是不想托管一個(gè)你自己的守護(hù)進(jìn)程，你可以使用我們所提供的。 42 我們還在開發(fā)一些特性來(lái)幫助公司在使用Github時(shí)可以停留在sync之上。 43 最後，我們也在進(jìn)行API發(fā)布方面的工作。我們很快就會(huì)發(fā)布一些只讀性的API，隨後是一些很強(qiáng)大的“寫”集成。你可以使用API將新的事件發(fā)布到新聞feed中，發(fā)消息和做其他許多很酷的事情。 44 GitHub尚未設(shè)定官方版本的發(fā)布日期，不過(guò)估計(jì)在三月底（GitHub已經(jīng)上線，但只能通過(guò)邀請(qǐng)注冊(cè)）。更多關(guān)于GitHub的信息可以參見(jiàn)GitHub官方網(wǎng)站或GitHub博客。通過(guò)GitHub進(jìn)行代碼管理的開源項(xiàng)目列表也已經(jīng)可以查閱。 45 </div> 46 <div class="right"> 47 我是右邊固定位寬為200px的盒子 48 </div> 49 </div> 50 </body> 51 </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/ollie-sk8/p/4106007.html
總結(jié)
以上是生活随笔為你收集整理的三列布局-中间固定俩边自适应-和两边固定中间自适应布局的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： WPF应用程序内嵌网页
- 下一篇： Oulipo （KMP出现次数）