首先，我們來(lái)解釋一下為什么要使用 clearfix（清除浮動(dòng)）。通常我們?cè)趯?xiě)html+css的時(shí)候，如果一個(gè)父級(jí)元素內(nèi)部的子元素是浮動(dòng)的（flo...
投稿
收錄了18篇文章 · 1人關(guān)注
-
CSS - clearfix清除浮動(dòng) -
HTML head 頭標(biāo)簽
HTML head 頭部分的標(biāo)簽、元素有很多，涉及到瀏覽器對(duì)網(wǎng)頁(yè)的渲染，SEO 等等，而各個(gè)瀏覽器內(nèi)核以及各個(gè)國(guó)內(nèi)瀏覽器廠商都有些自己的標(biāo)簽元素...
-
2種CSS制作分段彩條的方法在做一個(gè)練習(xí)時(shí)候得知一種分段彩條做法。但是實(shí)現(xiàn)后發(fā)現(xiàn)Chrome上色彩交界處有過(guò)渡漸變，不是我想要的效果。經(jīng)過(guò)高手指點(diǎn)，然后就有了第二種做法。 ...
-
box-sizing屬性
box-sizing可以分為三個(gè)值:center-box,border和padding不計(jì)算入width之內(nèi)padding-box,paddin...
-
<meta>標(biāo)簽 name="viewport" 詳解
轉(zhuǎn)載于 Lew's Blog 什么是Viewport 手機(jī)瀏覽器是把頁(yè)面放在一個(gè)虛擬的“窗口”（viewport）中，通常這個(gè)虛擬的“窗口”（...
-
一名設(shè)計(jì)師的github + hexo小白搭建日志
背景故事 想當(dāng)年，blog還盛行的時(shí)候，是有很多給我們這些廣大群眾分享日記的選擇。早先的blogbus之類(lèi)的，后來(lái)用起了點(diǎn)點(diǎn)等輕博客，里面有好多...
-
stackoverflow高贊翻譯 | 什么是clearfix？譯者注：這是接到邀請(qǐng)后的第一篇翻譯，個(gè)人水平還很低。文章原址：https://stackoverflow.com/questions/85540...
-
flex布局中 justify-content: space-between方法的排版問(wèn)題flex給我們的布局帶來(lái)了很大的方便 ，但有時(shí)候也會(huì)碰到一些問(wèn)題，比如space-between最后一行元素的排列問(wèn)題 問(wèn)題：假如我們有8個(gè)元素...
-
超經(jīng)典面試題：用多種方法實(shí)現(xiàn)圣杯布局和雙飛翼布局0. 開(kāi)始正文之前的自我吐槽 圣杯布局和雙飛翼布局一直是前端面試的高頻考點(diǎn)，然而本人對(duì)布局和css這方面實(shí)在不擅長(zhǎng)==，每次被面試官問(wèn)到css相...
-
響應(yīng)式布局到底是什么？難嗎？
一、什么是響應(yīng)式布局？ ??響應(yīng)式布局就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這個(gè)概念是為解決移動(dòng)互聯(lián)網(wǎng)瀏覽而誕生的。...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1646517/cover_jishujia.png', '推薦專(zhuān)題《技術(shù)夾 | Tech Folder》（ 分享自 @簡(jiǎn)書(shū) ）','http://www.itdecent.cn/c/8670b0b6fd2e?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁(yè)面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}