css用于设置页面的样式,那么如何在css中设置固定定位呢?首先我们需要了解一下固定定位是什么,固定定位在我们浏览网页的时候经常会遇到,比如说页面上两侧的广告,我们无论怎么拖动页面,滑动页面中的内容,两侧的广告永远在那个位置。下面小编就带大家来实现这个功能。
发表日期: 2020-07-21 13:03:45 浏览次数:171
余姚网站推广【余姚官网推广哪个效果好】余姚百度竞价推广托管、余姚百度优化推广外包、余姚全网霸屏推广多少钱、余姚网络推广一年大概多少费
余姚市,浙江省辖县级市,由宁波市代管,位于中国浙江省宁绍平原。地处长江三角洲南翼,东与宁波市江北区、海曙区相邻,南枕四明山,与奉化、嵊州接壤,西连绍兴市上虞区,北毗慈溪市,西北于钱塘江、杭州湾中心线与海盐县交界。余姚自古人杰地灵,是姚江学派的发祥地,也是虞世南、王守仁、黄宗羲、蒋梦麟、余秋雨、沈君山等人的故乡。余姚文化属吴越文化,余姚人属江浙民系,使用吴语。余姚河姆渡遗址是国家级文物保护单位。
2017年6月,余姚市被命名国家卫生城市。2017年11月,获评全国文明城市。 2018年10月,入选2018年全国绿色发展百强县市、科技创新百强县市、全国新型城镇化质量百强县市。2018年11月,入选2018全国“幸福百县榜”。2018年10月22日,入选2018年全国农村一二三产业融合发展先导区创建名单。 2018年11月,入选中国工业百强县(市) ,入选中国县级市全面小康指数前100名。2018年12月,入选全国县域经济综合竞争力100强、 投资潜力100强,2018中国大陆最佳商业城市100强、中国最佳县级城市30强。
css用于设置页面的样式,那么如何在css中设置固定定位呢?首先我们需要了解一下固定定位是什么,固定定位在我们浏览网页的时候经常会遇到,比如说页面上两侧的广告,我们无论怎么拖动页面,滑动页面中的内容,两侧的广告永远在那个位置。下面小编就带大家来实现这个功能。
经常浏览百度新闻的朋友,应该会看到新闻的右下角有一块地方,无论怎么拖动页面,这块区域总是固定不动的。我们先不用关心这个功能是怎么实现的,我们将该区域的图片截下来,通过固定定位来模拟这个功能。
首先我们在页面中创建一个div,给这个div设置宽度和边框,并在页面中居中。在这个div中添加很多文本信息,在打开页面的时候有滑动效果便可。接下来再创建一个div用于固定定位的图片。
我们给第二个div设置class的值为news,使用类选择器为该div设置宽和高,将上文截图的图片作为背景图片,在页面中打开的效果如下图所示。
接下来我们使用position: fixed;将图片这个div设置成固定定位,将top和left分别设置为0px,使这个图片固定在浏览器左上角的位置不动,效果如下图所示。
需要说明的是:固定定位的元素在页面上不会占据位置,也就是说它脱离了标准流,因此无论我们怎么缩小浏览器的页面,该图片的位置始终保持不动。
我们经常看到页面的广告都是成对出现的,像对联一样。因此我们在页面中再添加一个div,设置class为new2,其他设置均相同,仅把定位以后距离浏览器左边框的距离改为距离浏览器右边框的距离(将left:0px;改成right:0px;)。最后在浏览器中打开页面,便可以看到下图的效果了。
7月20日,在华为云TechWave技术峰会上,华为云应用平台ROMA正式发布。华为云应用平台ROMA源自华为自身实践,聚焦数字化资产全生命周期治理,能为政企客户提供应用的开发、托管、运维和集成一站式能力,帮助客户构筑数字化应用平台,使能政企数字化高效创新。
华为云应用平台领域总裁徐峰表示,数字化浪潮席卷全球,华为由于所处的ICT行业特征,提早开启了自身数字化变革。为了支撑数字经济高速发展,华为将成功实践自身数字化转型的ROMA开放出来,构筑数字化应用平台,实现政企应用“一张网”,使能行业数字化高效创新。
余姚网站推广【余姚官网推广哪个效果好】余姚百度竞价推广托管、余姚百度优化推广外包、余姚全网霸屏推广多少钱、余姚网络推广一年大概多少费