Worksheets第十一章 布局与定位
Total questions: 23
Worksheet time: 19mins
Name
Class
Date
1.
元素的默认定位方式是：
a)
静态定位
b)
绝对定位
c)
固定定位
d)
相对定位
2.
静态定位的元素不受top, bottom, left, 和 right属性的影响。
a)
正确
b)
错误
3.
哪种定位方式将元素相对于浏览器窗口进行定位，当页面滚动时，被定位的元素不会移动：
a)
固定定位
b)
静态定位
c)
绝对定位
d)
相对定位
4.
为某元素设置以下属性 {position: fixed; bottom: 0; right: 0; width: 300px; border: 3px solid red;}，该元素会位于页面的什么位置？
a)
右下角
b)
左上角
c)
右上角
d)
左下角
e)
中间
5.
哪种定位方式首先将元素正常流入页面，然后按照指定的量进行偏移，该元素原本所占的空间仍保留：
a)
相对定位
b)
固定定位
c)
静态定位
d)
绝对定位
6.
绝对定位的元素的位置相对于最近的设置了相对或绝对定位的祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
a)
正确
b)
错误
7.
设置为哪种定位的元素会从文档流中完全删除？
a)
绝对定位
b)
静态定位
c)
相对定位
8.
为A元素设置以下属性 {position: absolute; top: 30px; left: 60px; border: 3px solid green;}，并为其父元素B设置以下属性 {position: relative; width: 600px; height: 200px; border: 3px solid darkgreen;}，此时A元素位于B元素的顶部_____。
a)
30px
b)
60px
c)
600px
d)
200px
9.
使用相对定位时，可以用top, bottom, left, 和 right 来精确指定要将定位元素移动到的位置。
a)
正确
b)
错误
10.
为一个相对定位的元素指定 {top: 30px; left: 30px;} 后，该元素会向哪个方向进行偏移？
a)
右下方
b)
左上方
c)
右上方
d)
左下方
11.
使用冻结布局时，内容的宽度不会随着浏览器窗口扩展或收缩。
a)
正确
b)
错误
12.
凝胶布局通常会把内容放在中央。
a)
正确
b)
错误
13.
浮动元素会从正常流（flow）中取出，浮动到页面中间。
a)
错误
b)
正确
14.
float属性的默认值是none。
a)
正确
b)
错误
15.
clear属性用来指定一个块元素的左边或右边不能有浮动元素。
a)
正确
b)
错误
16.
静态定位的英文是：
a)
static
b)
absolute
c)
fixed
d)
relative
17.
绝对定位的英文是：
a)
absolute
b)
static
c)
fixed
d)
relative
18.
固定定位的英文是：
a)
fixed
b)
absolute
c)
static
d)
relative
19.
相对定位的英文是：
a)
relative
b)
static
c)
absolute
d)
fixed
20.
z-index 较大的元素会覆盖较小的元素在上层进行显示。
a)
正确
b)
错误
21.
z-index 只接受无单位索引值，你不能指定你想要一个元素在 z 轴上 20px。
a)
正确
b)
错误
22.
如果两个定位的元素相互重叠而没有指定z-index，则HTML代码中靠前的元素将显示在顶部。
a)
错误
b)
正确
23.
_____允许被定位的元素表现得像相对定位一样，直到它滚动到某个阈值点（例如，从窗口顶部起 10 像素）为止，此后它就变得固定了。
a)
position: sticky
b)
position: static
c)
position: relative
d)
position: absolute
e)
position: fixed
100 %
