杀了个回马枪,还是说说position:sticky吧
<style>
article {
max-width: 600px;
margin: 1em auto;
}
article h4,
article footer {
position: -webkit-sticky; /* for Safari */
position: sticky;
}
article h4 {
margin: 2em 0 0;
background-color: #333;
color: #fff;
padding: 10px;
top: 0;
z-index: 1;
}
article content {
display: block;
background-color: #ffffe0;
position: relative;
padding: 1px 10px;
}
article footer {
background-color: #f0f3f9;
padding: 10px;
bottom: 50vh;
z-index: -1;
}
</style>
<article>
<section>
<h4>网曝王宝强殴打马蓉</h4>
<content>
<p>12月2日,有网友爆料称王宝强对马蓉施暴,状况严重,且马蓉目前已被送往某医院急诊。新浪娱乐第一时间赶往医院见到马蓉和其母亲,马蓉右边脸部以及眼睛周围有明显伤痕,嘴唇以及手掌也有淤血痕迹,其母额角红肿也较明显。据马蓉描述,王宝强和四五个同伴于今早一起对其拳打脚踢,踢打其头部、后脖、颈椎、掰扯其手部,撕扯嘴巴,甚至对马蓉妈妈施暴。</p>
</content>
<footer>网友评论:太扯了吧…是不是看到蒋劲夫的例子自己又跑出来作了</footer>
</section>
<section>
<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
<content>
<p>12月2日,有网友爆料马蓉被王宝强施暴。经多方求证,搜狐娱乐从知情人士口中获悉,“目前网络上有关马蓉伤势的那些图,都是马蓉摆拍的。她跑到王宝强家闹事,还吓晕了王宝强妈妈,拿碎玻璃威胁警察,现场冲突很激烈。”
知情人士了解,马蓉和王宝强发生冲突的起因是,马蓉跑到王宝强家闹事。她不仅拍照、翻东西,拿剪刀撕毁东西,辱骂王宝强表妹,还拿剪刀对峙,吓晕了王宝强母亲,王宝强无奈才报警的。目前王宝强妈妈已经送往北京某医院就诊。</p>
<p>“王宝强在无奈之下报警,警察来了之后,双方对峙七八个小时,孩子在外面喊,马蓉还是不开门。后来王宝强把门撞开,门周围的玻璃碎了一地,马蓉还把玻璃捡起来威胁警察,说要划伤自己,然后拿手机说要现场直播。还出口辱骂王宝强表妹,说对方作孽做太多了,才导致妈妈去世,还骂对方死了上面死下面。”
据悉,现场冲突很激烈,整整一夜。最后马蓉自己打了120,而120来了之后,她还躺在地上自己拍照,“目前网络上有关马蓉伤势的那些图,都是马蓉摆拍的。”</p>
<p><img src="https://wx3.sinaimg.cn/mw690/6de39d21ly1fxs9wr1e3oj20ti0mw76g.jpg" width="258" height="200"></p>
</content>
<footer>网友评论:蓉儿戏过了<img src="//img.t.sinajs.cn/t4/appstyle/expression/ext/normal/01/2018new_chigua_org.png" title="[吃瓜]" alt="[吃瓜]" width="18" height="18"><img src="//img.t.sinajs.cn/t4/appstyle/expression/ext/normal/01/2018new_chigua_org.png" title="[吃瓜]" alt="[吃瓜]" width="18" height="18"></footer>
</section>
<section>
<h4>马蓉妈妈回应事件经过:没有和王宝强妈妈发生正面冲突</h4>
<content>
<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。</p>
</content>
<footer>网友评论:她带着摄影师 灯光师 化妆师一起去王宝强家的吧</footer>
</section>
<section>
<h4>马蓉称王宝强在婚姻期间就曾对其施暴</h4>
<content>
<p>12月2日,网曝王宝强殴打马蓉。稍后在新浪娱乐对马蓉的补充采访中,马蓉表示王宝强在婚姻期间就曾多次对她甚至孩子家暴,也曾报过警。马蓉透露两方发生冲突的原因是王宝强不让其接走孩子,而冲突发生时孩子并未出现在现场。@新浪娱乐 多次联系王宝强经纪人及宣传,迄今仍无人应答,未就此做出正式回应。</p>
</content>
<footer>网友评论:告诉我,对她同情不起来的不止我一个<img src="https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/62/2018new_tanshou_org.png" width="18" height="18"></footer>
</section>
<section>
<h4>王宝强住所监控视频曝光 马蓉疑似曾试图砸摄像头</h4>
<content>
<p>12月2日,网曝王宝强殴打马蓉。王宝强住所的监控视频也被曝光,视频显示马蓉与其母亲在到达王宝强家门口后,曾试图跳起来将监控打掉,但不小心将身上的剪刀掉落在地上,随后她拿起剪刀进入屋内。而此前马蓉母亲称她们只是去接孩子,不存在持凶器前往一说。据悉,王宝强方面仍在派出所做笔录,尚无回应。</p>
</content>
<footer>网友评论:拿着剪刀去别人家 是打算干什么?<img src="https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/b8/2018new_ningwen_org.png" width="18" height="18">手上的伤也是自己划的吧 可以把她抓起来了吗?<img src="https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/fd/2018new_baibai_org.png" width="18" height="18"></footer>
</section>
<section>
<h4>分享一组情头像</h4>
<content>
<p><img src="https://wx1.sinaimg.cn/mw690/006n3Zmnly1fxsanpkqrij319l19lx6q.jpg" width="200" height="200"> <img src="https://wx1.sinaimg.cn/mw690/006n3Zmnly1fxsannga0aj30qe0qe4qp.jpg" width="200" height="200"></p>
</content>
<footer>网友评论:哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈薛和蓉🔒了!!</footer>
</section>
</article>
杀了个回马枪,还是说说position:sticky吧的更多相关文章
- position:sticky的兼容性尝试
开篇 笔者刚刚结束淘宝的工作,现在加入了一家有青春活力的垂直电商公司,正对着阿里巴巴的西溪园区,最近一直在熟悉新的工作环境和规范,因此博客有好些时间没有更新了,在此抱歉! 在忙碌完公司的发布系统之后, ...
- position:sticky用法
用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如 ...
- CSS3的position:sticky介绍
用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如 ...
- 使用 position:sticky 实现粘性布局
如果问,CSS 中 position 属性的取值有几个?大部分人的回答是,大概是下面这几个吧? { position: static; position: relative; position: ab ...
- position:sticky
使用sticky定位可以简洁的实现固定功能 例如,左右布局页面,左侧菜单,右侧内容,内容区域滚动时,不希望菜单区域滚动,而是固定不动 以往要实现这个功能,需要使用fixed定位菜单,菜单脱离文档流,布 ...
- CSS使用position:sticky 实现粘性布局
简介 前面写了一篇文章讲解了position常用的几个属性:<CSS 属性之 position讲解>一般都知道下面几个常用的: { position: static; position: ...
- position:sticky粘性布局
新的布局方式,专门用于 tab栏悬浮效果: 当tab栏在可视区域时,正常滚动, tab栏不再可视区域时,悬浮置顶. position:-webkit-sticky; position:sticky; ...
- position sticky 定位
1.兼容性 https://caniuse.com/#search=sticky chrome.ios和firefox兼容性良好. 2.使用场景 sticky:粘性.粘性布局. 在屏幕范围内时,元素不 ...
- position:sticky属性测试
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- 杂项-Java:Thymeleaf
ylbtech-杂项-Java:Thymeleaf Thymeleaf is a modern server-side Java template engine for both web and st ...
- SQL两个字段排序
ORDER BY 后可加2个字段,用英文逗号隔开. 1.f1用升序, f2降序,sql该这样写: 1 ORDER BY f1, f2 DESC 2.也可以这样写,更清楚: 1 ORDER BY ...
- bzoj 1742: [Usaco2005 nov]Grazing on the Run 边跑边吃草【区间dp】
挺好的区间dp,状态设计很好玩 一开始按套路设f[i][j],g[i][j]为吃完(i,j)区间站在i/j的最小腐败值,后来发现这样并不能保证最优 实际上是设f[i][j],g[i][j]为从i开始吃 ...
- bzoj 3159: 决战【LCT】
只是想复健一下LCT没想到做了不得了的题--调了两天QAQ 题解是这么说的: 但是果然还不太理解--因为swap的前后问题调了好久,(所以一开始养成的习惯后面就不要再改啦-- 总之大概就是把对位置lc ...
- 徐州联赛选拔赛 - 计算IP地址值
题目链接 思路:这是一道非常简单的题目,直接用公式计算就好了.对于IP地址a.b.c.d,转换为十进制数就是(a<<24)|(b<<16)|(c<<8)|d.唯一要 ...
- bzoj3118: Orz the MST(线性规划+单纯形法)
传送门 不难发现,对于每一条树边肯定要减小它的权值,对于每一条非树边要增加它的权值 对于每一条非树边\(j\),他肯定与某些树边构成了一个环,那么它的边权必须大于等于这个环上的所有边 设其中一条边为\ ...
- YCOJ中国邮递员问题
题目: Description 一个邮递员从邮局出发,需要去 n - 2个城市送信,送完信件以后回家. 邮局在城市 1,家在城市 n,任意两个城市之间都有道路,但是这些道路是单向,也就是说 a 到 b ...
- java web课程设计截图和服务器地址
企业办公测试截图和服务器地址 本篇博客主要围绕以下几个部分展开,登录.系统管理.工作流.个人事务管理.内部邮件.公共信息共六个部分.主要有界面截图和简要介绍. 一.登录.更改密码界面 登录界面包括以管 ...
- 【微信公众号开发】根据openId群发消息
根据开发文档可知,只要使用POST方式提交固定格式的json字符串到那个地址即可.这里我写的是最简单的文本 第一步:建立对应的实体类. package cn.sp.bean; import java. ...
- VS2010环境下.NET4.0中Tuple<T>的一个小BUG问题
启动一个桌面程序后,发现一个窗体cfdata=null, 执行时发生错误, 但是在初始化的时候,我明明是cfdata=new Cfdata();为什么会出现这个错误呢. 我开始跟踪,发现当执行cfda ...