[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。
A: div2 相对于div1,向右移动50px,向下移动50px。
B: div2相对于浏览器,向右移动50px,向下移动50px。
C: div2相对于div1,向左移动50px,向下移动50px。
D: div2相对于浏览器,向左移动50px,向下移动50px。
举一反三
- 判断以下代码中如何设置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;
- 第一个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原点为盒子模型可见区域的左上角定点
- 中国大学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宽为500像素和高为400像素的正确方法是? A: height:500 px; width:400 px; B: margin:500px; padding:400 px; C: padding:500 px;margin:400 px; D: width:500 px;height:400 px;
- div:width:300px,height:300px,border:50px,padding:50px,margin:50px,其实际宽度是多少: