2016.10.29

1.負邊距在讓元素產(chǎn)生偏移時和position: relative有什么區(qū)別?

  • 負邊距:元素在文檔流中的位置產(chǎn)生了變化漱办,不僅顯示的產(chǎn)生了變化晌坤。
    -position:relative:元素在文檔流中的位置不變都弹,只是顯示的位置發(fā)生了變化孟辑。

2.使用負 margin 形成三欄布局有什么條件?

注意一下幾點捞蛋,容易出錯(我就犯過)

  • 側邊欄必須固定寬度也颤,中間欄為自適應
  • 三欄都需要浮動
  • 最外層包裹容器伊滋,需要請浮動

3.圣杯布局的原理是怎樣的? 簡述實現(xiàn)圣杯布局的步驟碳却?

通過三個區(qū)塊的浮動,負邊距的設置笑旺,相對定位的設置昼浦,顯示的成為兩個側邊欄一個主區(qū)域的樣式。
先設置三個并列的寬元素浮動筒主,再對兩個邊欄元素設置負的外邊距关噪。最后進行相對定位即可。同時別忘了對最外層包裹元素清浮動乌妙。

4.雙飛翼布局的原理? 實現(xiàn)步驟?

在中間欄中增加一個內(nèi)部塊,代替父元素的作用.增加或減少側邊距,可以創(chuàng)建不同的兩欄布局或三欄布局.

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末使兔,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子藤韵,更是在濱河造成了極大的恐慌虐沥,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異欲险,居然都是意外死亡镐依,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門天试,熙熙樓的掌柜王于貴愁眉苦臉地迎上來槐壳,“玉大人,你說我怎么就攤上這事秋秤『暝粒” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵灼卢,是天一觀的道長绍哎。 經(jīng)常有香客問我,道長鞋真,這世上最難降的妖魔是什么崇堰? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮涩咖,結果婚禮上海诲,老公的妹妹穿的比我還像新娘。我一直安慰自己檩互,他們只是感情好特幔,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闸昨,像睡著了一般蚯斯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饵较,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天拍嵌,我揣著相機與錄音,去河邊找鬼循诉。 笑死横辆,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的茄猫。 我是一名探鬼主播狈蚤,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼划纽!你這毒婦竟也來了炫惩?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤阿浓,失蹤者是張志新(化名)和其女友劉穎他嚷,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡筋蓖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年卸耘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片粘咖。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡蚣抗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出瓮下,到底是詐尸還是另有隱情翰铡,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布讽坏,位于F島的核電站锭魔,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏路呜。R本人自食惡果不足惜迷捧,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望胀葱。 院中可真熱鬧漠秋,春花似錦、人聲如沸抵屿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽轧葛。三九已至搂抒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間朝群,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工中符, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留姜胖,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓淀散,卻偏偏與公主長得像右莱,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子档插,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案慢蜓? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • 收聽音頻,戳鏈接,舊號itclan已暫停使用,歡迎關注微信itclanCoder公眾號可收聽更多音頻 前言 關于網(wǎng)...
    itclanCoder閱讀 8,156評論 3 30
  • CSS布局 布局是CSS中一個重要部分,本文總結了CSS布局中的常用技巧郭膛,包括常用的水平居中晨抡、垂直居中方法,以及單...
    web前端學習閱讀 1,590評論 1 38
  • 一如捅、負邊距在讓元素產(chǎn)生偏移時和position: relative有什么區(qū)別? 負margin和position:...
    婷樓沐熙閱讀 862評論 0 4
  • 目錄 常用居中垂直居中水平居中垂直水平居中 單列布局 雙列&三列布局 常用居中 垂直居中 單行文本垂直居中 圖片垂...
    聽城閱讀 426評論 1 2