1、如何讓乙個盒子水平垂直居中
1//已知寬高
2<
div
class
="div1"
>
div>
3<
style
>
4.div1
12style
>
1314
//未知寬高
15doctype html
>
16<
html
lang
="en"
>
17<
head
>
18<
meta
charset
="utf-8"
>
19<
title
>document
title
>
20<
style
>
21.div1
32style
>
33head
>
34<
body
>
35<
div
class
="div1"
>
div>
36body
>
37html
>
3839
//未知寬高方法二：
40doctype html
>
41<
html
lang
="en"
>
42<
head
>
43<
meta
charset
="utf-8"
>
44<
title
>document
title
>
45<
style
>
46.div1
55style
>
56head
>
57<
body
>
58<
div
class
="div1"
>
div>
59body
>
60html
>
2、乙個頁面上兩個div左右鋪滿整個瀏覽器，要保證左邊的div一直為100px，右邊的div跟隨瀏覽器大小變化（比如瀏覽器為500，右邊div為400，瀏覽器為900，右邊div為800），請寫出大概的css**。
1// 方法一：
2doctype html
>
3<
html
lang
="en"
>
4<
head
>
5<
meta
charset
="utf-8"
>
6<
title
>document
title
>
7<
style
>
8.div1
14.div2
19style
>
20head
>
21<
body
>
22<
div
class
="div1"
>
div>
23<
div
class
="div2"
>
div>
24body
>
25html
>
2627
//方法二：
28<
head
>
29<
meta
charset
="utf-8"
>
30<
title
>document
title
>
31<
style
>
32.div
37.div1
42.div2
47style
>
48head
>
49<
body
>
50<
div
class
="div"
>
51<
div
class
="div1"
>
div>
52<
div
class
="div2"
>
div>
53div
>
54body
>
前端面試題總結
什麼是盒子模型？元素寬度是否包含margin寬度？padding百分比是相對於父級寬度還是自身寬度？解釋px和em?答 盒子模型又稱框模型，包含了元素內容 內邊距 邊框 外邊距幾個要素。元素內容不包括margin寬度，但是ie模式的width包括content padding border，w3c的...
前端面試題總結
1.彈性布局 flex布局是css3中新增的一種布局方式。元素排列方式 flex direction 超出行是否換行 nowrap不換行 flex wrap 水平對齊方式 justify content 垂直對齊方式 align items 實現水平居中對齊 display flex justify...
前端面試題總結
前端瀏覽器快取問題 1.強快取，可以通過cache control和expires控制。cache control no cache，no store,must revalidate cache control must revalidate 必須重新驗證 cache control no cach...