固定位置右下角

前言

自己学了一段时间web设计了,其实明白了浮动和盒子思想做起来倒是挺容易的。然后突然想到了一些网页上的右下角或者中间的位置有个图标一直保持位置不懂浮动着。于是自己觉得可以作为新手的一个练习。

过程

建立一个html页面,来这么多的div,为了是给页面多填写内容。

之后开始我发一个图片,目标就是让它固定,然后我上下滑动。

这是滚动条在最上面,然后可以看见那个图片在右下角。

然后把滚动条放到下面试试,

没有动,图片还是在那个位置。其实它的样式就这几个。

很简单的吧,平时没事一些网站的东西其实都可以拿出来自己玩玩,练练挺有意思的。

总结

学习无止尽,自己还差的很远很远,在保证不落后的前提下,努力向前进步,追赶牛人的脚步。

study study you must study for end

时间: 2024-11-06 17:35:00

固定位置右下角的相关文章

网易新闻控件的创建,scrollView和viewGroup的学习,和up事件后模拟页面回到固定位置

1.viewGroup可以添加控件,也可以用<include layout="@layout/name">添加xml布局文件,在本次实验中将新闻的menu(scrollView布局文件)和正文(mainnews)加入到继承ViewGroup的控件中,但不明白为什么scrollview的宽度和下滑属性没了.导致不能下滑. 一旦发现空间几部分组成就继承viewgroup ,然后重写onmeasure方法,在里面测量所有的孩子,然后重写layout方法布局这些孩子view的位置.

滚动条固定位置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

android百度地图开发之自动定位所在位置与固定位置进行驾车,步行,公交路线搜索

最近跟着百度地图API学地图开发,先是学了路径搜索,对于已知坐标的两点进行驾车.公交.步行三种路径的搜索(公交路径运行没效果,待学习中),后来又 学了定位功能,能够获取到自己所在位置的经纬度,但当将两者合起来先自动获取自己所在位置的经纬度然后与固定地点进行路径搜索时却弄不出来了,因为刚开始 写的两者在两个类中总是取不到经纬度值,后来将两者写到同一个类中去了,终于取到经纬度值了,也运行出来了.需要 在 BDLocationListener的onReceiveLocation里获取到经纬度值,因为已

Fixed固定位置的悬浮div层

固定位置的Js悬浮窗口,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉.代码内有注释. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

固定位置

当滚动条移动到某一位置时,让页面某些内容固定,如导航条,让固定的一直显示,当达到一定条件,再取消固定,达到了固定的目的. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>固定位置实现</title> <style type="text/css"> *{ padding: 0

固定位置的Js悬浮窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

3、第3课CSS块级、行内元素、绝对定位、相对定位、固定位置20150922

1.块级元素 A:特点: A.1默认显示在父标签的左上角 A.2块级元素默认占满一行(占满整个文档流) B:常见的块级元素 P   h1--h6   ul  li    ol  li   div  hr    table 2.行内元素(内联元素) A:常见的=行内元素有 a  span  img   input B:行内元素的特点 B.1 大小受到文字区域影响,不受width  height 影响 B.2 行内元素不会单独占满一行 3. 行内元素和块级元素相互转换 A:  行内元素转换成块级元素

设置浏览器固定大小的固定位置的方法

package my_automation; import java.awt.Dimension; import java.sql.Time; import java.util.HashMap; import org.openqa.selenium.Point; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; import org.openqa.selenium.chrom

让DIV浮动在表格上固定位置,不会随着显示器的分辨率变化。

<td> <div class="box"> <img src="/aa.jpg" /> <div class="flash">这里是FALSH</div> </div> </td> <style type="text/css"> .box{position:relative;} .flash{position:absolute;l