div 绝对定位

div绝对居下

 1 .Phone2title{
 2 width:100%;
 3 height:30px;
 4 line-height:30px;
 5 /*text-align:left;*/
 6 /*background-color:RGB(239,101,25);*/
 7 background-color:#b81c22;
 8 position:fixed;
 9 _position:absolute;
10 *position:absolute;
11 top:0px;
12 color:white;
13 font-size:18px;
14 z-index:99999;
15 /*border:1px blue solid;*/
16
17 /*_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);*/
18 vertical-align: middle;
19 }

<div class="Phone2title"></div>

　　

div绝对居上

 1 .Phone2title{
 2 width:100%;
 3 height:30px;
 4 line-height:30px;
 5 /*text-align:left;*/
 6 /*background-color:RGB(239,101,25);*/
 7 background-color:#b81c22;
 8 position:fixed;
 9 _position:absolute;
10 *position:absolute;
11 top:0px;
12 color:white;
13 font-size:18px;
14 z-index:99999;
15 /*border:1px blue solid;*/
16
17 /*_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);*/
18 vertical-align: middle;
19 }

View Cod

时间： 2024-08-12 23:58:19

div 绝对定位的相关文章

[小技巧]DIV绝对定位后，只水平居中显示

DIV绝对定位后,如何水平居中显示在浏览器中? ? 1 .div { width:1000px; position:absolute; left:50%; margin-left:-500px; } 关键在于margin-left:-500px的值是根据div 的宽度决定,取其宽度的一半. 注:主要用于 新手引导 功能.

Div绝对定位布局，适合所有分辨率不变型

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BusinessMeasureMainNew.aspx.cs" Inherits="SinoOcean.BI.Measure.AppPortal.Measure.BusinessMeasure.BusinessMeasureMainNew" %> <!DOCTYPE html PUBLIC &q

CSS+DIV：父DIV相对定位+子DIV绝对定位

如何在一个div内将一个div进行绝对定位呢?很简单,把父div的position属性设为relative,子div的position属性设为absolute就可以了... 示例: <html> <body> <div>xxxxx<div> <div style="border:1px red solid;width:100%;height:50px;position:relative"> <div style=&quo

设置div绝对定位+居中

1):div的一般居中(注意:一定要设置div的width): <div id="i_div" style="border: 1px solid red;margin: 0 auto; width:500px;">json9527</div> 2):div的绝对定位居中(注意:一定要设置父标签的position为relative) <div style="position: relative;"> <di

给一个div绝对定位后，如何让它水平居中

<style> .footer{position:absolute;left:0;right:0} </style> <div classs="footer"> <button>结束</button> </div> 也就是说只要给你所定位的div的类加上left:0;right:0;(margin:auto;这个好像不加也管用)就可以了!

记录-div绝对定位针对手机浏览器的区别

最近搞个wap ,有一个需求就是一些文字描述定位到一张图片上的某个地方,按照以往的方式直接通过定位div position: absolute; PC chrome 模拟手机显示没问题! 但是,在ipad和安卓平板做测试,发现文字描述并没有定位打图片中,发现消失呢! 研究了好久,发现是代码的位置问题. 修改前: <figure> <a href="default.htm"><img src="css/images/banner1.jpg"

jQuery滚动广告 解决子div绝对定位与父div重叠引起的闪烁问题

这两天做了一个滚动广告栏的demo 功能有自动轮播 左右箭头移动 导航点选中图片移动效果 模仿的是新浪体育的广告 最难的问题就是子div绝对定位于父div 鼠标移入子div 系统会判定鼠标移出了父div 所以会触发子div消失的效果 消失完因为鼠标在父div中 所以又触发了子div出现的效果 这样就会导致子div一直重复消失出现 形成闪烁的效果 在网上没有找到合适的解决问题办法 我通过设定状态和js的setTimeout解决了此问题 效果如图 需要设定两个状态 var arrow = false

CSS布局之div交叉排布与底部对齐--flex实现

最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下: 而在手机(分辨率小于等于768px)上要求这样排列: 我想到了两种方法 第一种是用bootstrap的row.col-md配合col-md-push.col-md-pull来实现,代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8">

div重叠和隐藏显示

又到周末了.今天又是新的一个月的开始,大家用充满愉快的心情开始这个月的生活吧. 有这么一个需求,就是一个报表模块,这个模块中,有多个报表,一个界面,我们不可能全显示出来,这样一是占位置,二是很乱:三,也就是客户一打开这个模块,看到的是多个报表,不知道焦点放在哪.使用人心情浮躁而不开森. 因此,我今天讲的就是把多个报表重叠在一起.只显示第一个DIV的报表,重叠的都隐藏起来.在查询栏中添加一个报表选项,实现的效果就是当客户一进来时看到的就是第一个报表.想看别的报表时,可以在查询栏中选择相应的报表,点