A: {position:static;left:50px;top:100px}
B: {position:relative;left:50px;top:100px}
C: {position:absolute;left:50px;top:100px}
D: {position:fixed;left:50px;top:100px}
举一反三
- 标签定位在距其父标签左边50px,上边100px的CSS正确写法是( ) A: {position:static;left:50px;top:100px} B: {position:relative;left:50px;top:100px} C: {position:absolute;left:50px;top:100px} D: {position:fixed;left:50px;top:100px}
- 判断以下代码中如何设置div1的样式,可以使div1相对于浏览器,(相对于以前位置右上角)向左移动100px,向下移动50px。[style type="text/css"]*{ margin:0; padding:0;}.div1{ width:200px; height:200px; border:2px red solid; }[/][body][div class="div1"] [/] A: position:absolute; right:100px; top:50px; B: position:absolute; left:100px; top:50px; C: position:relative; right:100px; top:50px; D: position:relative; left:100px; top:50px;
- 在以下代码片段中,属于绝对定位的是() A: #box {width:100px;height:50px;position:absolute;} B: #box (width:100px;height:50px;position:relative;} C: #box {width:100px;height:50px;position:static;} D: #box {width:100px;height:50px;}
- 在以下代码片段中,属于绝对定位的是()。 A: box {width:100px;height:50px;} B: box {width:100px;height:50px;position:absolute;} C: box {width:100px;height:50px;position:static;} D: box (width:100px;height:50px;position:relative;}
- 在以下代码片段中,属于绝对定位的是()。 A: box {width:100px;height:50px;} B: box {width:100px;height:50px;position:absolute;} C: box {width:100px;height:50px;position:static;} D: box (width:100px;height:50px;position:relative;}
内容
- 0
以下代码片断中,属于绝对定位的是( )。 A: B: ox{width:100px;height:50px;} C: D: ox{width:100px;height:50px;position:absolute;} E: F: ox{width:100px;height:50px; position:static;} G: H: ox{width:100px;height:50px; position:relative;}
- 1
[style type="text/css"]*{ margin:0; padding:0;}.div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; }.div2{ width:100px; height:100px; border:2px green solid; position:absolute; left:50px; top:50px; }[/][/][body][div class="div1"] [div class="div2"]判断以上代码中div2是如何定位的 A: div2 相对于div1,向右移动50px,向下移动50px。 B: div2相对于浏览器,向右移动50px,向下移动50px。 C: div2相对于div1,向左移动50px,向下移动50px。 D: div2相对于浏览器,向左移动50px,向下移动50px。
- 2
#wrap{width:600px;height:200px;background:#ccc;position:absolute;} 实现wrap在浏览器中水平和垂直都居中,需要设置的样式有( ) A: margin-left:-300px;margin-top:-100px; B: left:300px;top:100px; C: left:50%;top:50%; D: margin-left:-300px;margin-top:100px;
- 3
外边距属性为 “上边距: 20px、下边距: 30 px 、左边距: 40 px 、右边距: 50px"正确的设置是 A: margin:20px 30px 40px 50px B: order:20px 30px 40px 50px C: margin:20px 50px 30px 40px D: margin-top:20px 30px 40px 50px
- 4
让一个宽高为100像素的盒子相对于浏览器居中,所要用到的样式有() A: left:50%;top:50%; B: position:fixed; C: float:left D: margin-left:-50px;margin-top:-50px;