杀了个回马枪,还是说说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 ...
随机推荐
- UI:UITextView
#import "MainViewController.h" @interface MainViewController () <UITextViewDelegate> ...
- 你不知道的Eclipse用法:全局搜索和更替 (转载)
转自:http://blog.csdn.net/p106786860/article/details/9162537 Eclipse中全局搜索和更替 Eclipse全局搜索步骤 使用快捷键“ctrl+ ...
- POJ3233:Matrix Power Series(矩阵快速幂+递推式)
传送门 题意 给出n,m,k,求 \[\sum_{i=1}^kA^i\] A是矩阵 分析 我们首先会想到等比公式,然后得到这样一个式子: \[\frac{A^{k+1}-E}{A-E}\] 发现要用矩 ...
- bzoj 3566: [SHOI2014]概率充电器【树形概率dp】
设g[u]为这个点被儿子和自己充上电的概率,f[u]为被儿子.父亲和自己充上电的概率 然后根据贝叶斯公式(好像是叫这个),1.P(A+B)=P(A)+P(B)-P(A)*P(B),2.P(A)=(P( ...
- 标准行cp功能
#include<stdio.h> int main(int argc,char *argv[]) { FILE *src_fp,*des_fp; ]={}; ) { printf(&qu ...
- Servlet,jsp,jsp的9大内置对象
以servlet作为控制器 1:servlet的生命周期:以下方法都是servlet容器进行调用 1)构造函数:只被调用一次,当项目启动时或者该servlet被容器第一次调用时,会创建servlet实 ...
- [转]广义正交匹配追踪(gOMP)
广义正交匹配追踪(Generalized OMP, gOMP)算法可以看作为OMP算法的一种推广,由文献[1]提出,第1作者本硕为哈工大毕业,发表此论文时在Korea University攻读博士学位 ...
- 自定义View(11)**在onDraw中使用矩阵Matrix
1.代码示例 1.1 效果 原图 : 其尺寸为162 x 251,示例中的红点是变形的锚点. 变形之后: 1.2 代码 package com.e.weixin.session.view; impor ...
- Android Dialogs(1)Dialog简介及Dialog分类
Dialogs A dialog is a small window that prompts the user to make a decision or enter additional info ...
- hbase rpc这点事
年前的时候系统梳理了一下hbase rpc的实现,并且对组里的小伙伴做了一次分享.趁着热乎劲还没完全消失殆尽,准备赶紧记录下来. hbase中rpc概况 作为一个分布式系统,hbase的设计是典型的m ...