文章导读:
- 1、如何使用CSS+DIV定位视屏
- 2、用div+css时怎么给这个Flash定位呀?
- 3、如何利用css进行精准定位,求详细思路。
- 4、css中定位的三种方式
- 5、css能不能相对屏幕定位?不是相对页面定位,是相对屏幕定位
如何使用CSS+DIV定位视屏
div style="position:relative; top:xxpx; left:xxpx;"其中的relative可以改为一下几种:
static 默认。位置设激余置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top、bottom、left 或 right 声明)。
relative 位置被设置为 relative 的元素,可将其移至相对于其正常位置的地方,因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。
absolute 位置设置为 absolute 的元素,可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。拿隐
fixed 位置被设置为 fixed 的元素,可定位于相对于浏明敏滚览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict 模式)。
用div+css时怎么给这个Flash定位呀?
在flash的整个的液芦外围加一个div/闹高带div标签
也就是div class="f491-ed4f-f346-423e flash"这里是你所有的flash的代码/div
CSS中设置
.flash{width:100%;text-align:center}
这个是在整个页面中flash剧中 其他的还有 margin: padding:什么的 自己设念悉置 我只是给你举个例子 呵呵……
如何利用css进行精准定位,求详细思路。
relative定位穗圆(相对定位) position:relative;
相对本元素的左上角进行定位,top,left,bottom,right都可以有值。虽然经过定位后,位置可能会移动,但是本元素并没有脱离文档流,还占有原来的页面空间。可以设置z-index。使本元素相对于文档流中的元素,或者脱离文档流但是z-index的值比本元素的值要小的元素昌游更加靠近用户的视线。
相对定位最大的作用是为了实现某个元素相对于本元素的左上角绝对定位,本元素需要设置position为relative。
absolute定位(绝对定位) position:absolute;
相对于祖代中有relative(相对定位)并且离本元素层级关系上是最近的元素的左上角进行定位耐族销,如果在祖代元素中没有有relative定位的,就默认相对于body进行定位。
css中定位的三种方式
第一种:固定兄让定位
第二种裤尘差:绝胡皮对定位
第三种:相对定位
css能不能相对屏幕定位?不是相对页面定位,是相对屏幕定位
首先需要一个绝对定位漏敏的元素
div id="test" style="position:absolute;"test空唤/div
实现的原理很简单,随页面斗搜凯滚动(Scroll)事件动态设置元素的css top值。
比如定位在页面顶端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop());
});
定位在页面底端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop() + $(window).height() - $('#test').height());
});
定位在其他位置可以根据具体情况+-top调整即可。
。比如定位在页面顶端$(window).scroll(function(){$('#test').css('top', $(document).scrollTop());});定位在页面底端$(wi
会忽略任何 top、bottom、left 或 right 声明)。 relative 位置被设置为 relative 的元素,可将其移至相对于其正常位置的地
20" 会将元素移至元素正常位置左边 20 个像素的位置。 absolute 位置设置为 absolute 的元素,可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及
flash的代码/divCSS中设置.flash{width:100%;text-align:center}这个是在整个页面中flash剧中 其他的还有 margin: padding:什么的 自己设念悉置 我只是给你举个例子 呵呵…
ction(){$('#test').css('top', $(document).scrollTop());});定位在页面底端$(window).scroll(function(){$('#test').css('top', $(d