需求 兩邊定寬,中間自適應。
實現
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句話。一 不要試圖尋找不可能的捷徑,世上沒有便宜的事,只有腳踏實地才是最好的方法 無論做何事。二 不要對明知不...