判断以下代码中如何设置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: 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;
举一反三
- [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。
- 中国大学MOOC: 判断以下代码中如何设置div1的样式,可以使div1相对于浏览器,(相对于以前位置右上角)向左移动100px,向下移动50px。<style type=text/css>*{ margin:0; padding:0;}.div1{ width:200px; height:200px; border:2px red solid; }</style><body><div class=div1> </div></body>
- 第一个DIV的样式style为width:150px;height:50px;margin:5px 7px 2px 3px;padding:5px;border:1px solid #000;第二个DIV的样式style为width:150px;height:50px;margin:0;padding:0;border:1px solid #000;请问第一个DIV的实际宽度为________px,原点坐标为x=_____px,y=______px;第二个DIV的原点坐标为x=_____px,y=______px原点为盒子模型可见区域的左上角定点
- 标签定位在距其父标签左边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}
- 在CSS3中,若父标签已设置position:relative,将标签定位在距其父标签左边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}