簡(jiǎn)要描述CSS 中的定位機(jī)制&&display 屬性的作用是什么鲫尊?

image

1 簡(jiǎn)要描述CSS 中的定位機(jī)制

參考答案:
  • CSS中痴柔,除了默認(rèn)的流定位方式以外,還有如下幾種定位機(jī)制:浮動(dòng)定位疫向、相對(duì)定位咳蔚、絕對(duì)定位和固定定位。
    • 浮動(dòng)定位是指將元素排除在普通流之外搔驼,并且將它放置在包含框的左邊或者右邊谈火,但是依舊位于包含框之內(nèi)。
    • 相對(duì)定位將元素相對(duì)于它在普通流中的位置進(jìn)行定位舌涨。
    • 絕對(duì)定位是指將元素的內(nèi)容從普通流中完全移除糯耍,并且可以使用偏移屬性來固定該元素的位置。
    • 固定定位是指將元素的內(nèi)容固定在頁面的某個(gè)位置囊嘉。

2 display 屬性的作用是什么温技?

可以使用 display 屬性定義建立布局時(shí)元素生成的顯示框類型。
1. 如果將 display 屬性設(shè)置為 block扭粱,可以讓行內(nèi)元素(比如<a>元素)表現(xiàn)得像塊級(jí)元素一樣舵鳞;
2. 如果將 display 屬性設(shè)置為inline,可以讓塊級(jí)元素(比如<p>元素)表現(xiàn)得像內(nèi)聯(lián)元素一樣琢蛤;
3. 可以通過把 display 屬性設(shè)置為 none蜓堕,讓生成的元素根本沒有框抛虏。這樣的話,該框及其所有內(nèi)容就不再顯示套才,不占用文檔中的空間迂猴。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市背伴,隨后出現(xiàn)的幾起案子沸毁,更是在濱河造成了極大的恐慌,老刑警劉巖挂据,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件以清,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡崎逃,警方通過查閱死者的電腦和手機(jī)掷倔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來个绍,“玉大人勒葱,你說我怎么就攤上這事“褪粒” “怎么了凛虽?”我有些...
    開封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)广恢。 經(jīng)常有香客問我凯旋,道長(zhǎng),這世上最難降的妖魔是什么钉迷? 我笑而不...
    開封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任至非,我火速辦了婚禮,結(jié)果婚禮上糠聪,老公的妹妹穿的比我還像新娘荒椭。我一直安慰自己,他們只是感情好舰蟆,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開白布趣惠。 她就那樣靜靜地躺著,像睡著了一般身害。 火紅的嫁衣襯著肌膚如雪味悄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天塌鸯,我揣著相機(jī)與錄音傍菇,去河邊找鬼。 笑死界赔,一個(gè)胖子當(dāng)著我的面吹牛丢习,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播淮悼,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼咐低,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了袜腥?” 一聲冷哼從身側(cè)響起见擦,我...
    開封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎羹令,沒想到半個(gè)月后鲤屡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡福侈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年酒来,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肪凛。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡堰汉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出伟墙,到底是詐尸還是另有隱情翘鸭,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布戳葵,位于F島的核電站就乓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏拱烁。R本人自食惡果不足惜生蚁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望邻梆。 院中可真熱鬧守伸,春花似錦、人聲如沸浦妄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剂娄。三九已至蠢涝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間阅懦,已是汗流浹背和二。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留耳胎,地道東北人惯吕。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓惕它,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親废登。 傳聞我的和親對(duì)象是個(gè)殘疾皇子淹魄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 浮動(dòng) CSS允許浮動(dòng)任何元素堡距。 浮動(dòng)元素 首先甲锡,會(huì)以某種方式將浮動(dòng)元素從文檔的正常流中刪除,不過它還是會(huì)影響布局羽戒。...
    exialym閱讀 1,208評(píng)論 0 6
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表缤沦,主要用...
    寥寥十一閱讀 1,805評(píng)論 0 6
  • CSS 定位 CSS有三種基本的定位機(jī)制:普通流缸废,浮動(dòng),絕對(duì)定位(absolute, fixed):普通流是默認(rèn)定...
    _空空閱讀 5,719評(píng)論 0 15
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中缩多,你是如何考慮他的UI呆奕、安全性、高性能衬吆、SEO梁钾、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,138評(píng)論 0 1