三句話總結聖杯,雙飛燕布局

2021-09-24 07:41:36 字數 1364 閱讀 5730

需求 兩邊定寬,中間自適應。

實現

1. .main, .left, .right 依次排列,float: left;脫離文件流

2. .left: margin-left: -100%; .right: margin-left: 自身寬度; 拉到一行內

複製**

雙飛翼

3. .main 內在嵌入div, div.style.margin: left right; 就可以實現

複製**

雙飛翼title>

type="text/css">

html, body

.left

.right

.main

.inner

.main, .left, .right

style>

head>

class="main">

class="inner">

main

div>

div>

class="left">

left

div>

class="right">

right

div>

body>

html>

複製**

聖杯布局

3. .container 包住 .main, .left, .right新增樣式padding左右內邊距。.left: 相對定位left負的自身寬度

.right: left正的自身寬度。

複製**

聖杯布局title>

type="text/css">

html, body

.container

.left

.right

.main

.main, .left, .right

style>

head>

class="container">

class="main">

main

div>

class="left">

left

div>

class="right">

right

div>

div>

body>

html>

複製**

三句話濃縮人生

第一句話 你的責任就是你的方向,你的經歷就是你的資本,你的性格就是你的命運。第二句話 複雜的事情簡單做,你就是專家 簡單的事情重複做,你就是行家 重複的事情用心做,你就是贏家。第三句話 美好是屬於自信者的,機會是屬於開拓者的,奇蹟是屬於執著者的!你若不想做,總會找到藉口 你若想做,總會找到方法。沙子...

帶上三句話上路

帶上三句話上路 李小刀 你將要遠行,孩子,將有一生的歲月等你去走,我送你三句話帶在身邊。快樂是一種美德 要保持快樂,孩子,這是我們窮人最後的奢侈。不要輕易丟掉快樂的習慣,否則我們將更加一無所有。你要快樂,在每乙個清晨或傍晚。你要學會傾聽萬物的語言,你要試著與你身邊的河流 山川 大地交談。在你經過每乙...

老闆的三句話

乙個男人在外工作20年,終於要回家了,老闆問他 你是要20年的工資還是要3句忠告?男人說我明天上路,明早給您答案好嗎?老闆說可以。當晚男人未眠 早晨,他對老闆說 我要3個忠告。於是老闆給他3句話。一 不要試圖尋找不可能的捷徑,世上沒有便宜的事,只有腳踏實地才是最好的方法 無論做何事。二 不要對明知不...