SOURCE

console 命令行工具 X clear

                    
>
console
<div id="main">
			
		<article>
			<div>
				<h4 style="background: red;">网曝王宝强殴打马蓉</h4>
				<content>
					<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。</p>
				</content>
				<footer>网友评论:...</footer>
			</div>
			<div>
				<h4 style="background: blue;">知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。</p>
				</content>
				<footer>网友评论:...</footer>
			</div>
			<div>
				<h4 style="background: yellow;">知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。</p>
				</content>
				<footer>网友评论:...</footer>
			</div>
			<div>
				<h4 style="background: sandybrown;">知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。</p>
				</content>
				<footer>网友评论:...</footer>
			</div>
			<section>
				<h4 style="background: silver;">知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。.</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>.新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。..</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>.新浪娱乐独家从马蓉及其母亲处了解到,打人事件发生在今早六点左右。据了解,事发地是在王宝强家,但该房产权仍在马蓉名下。此前,知情人士透露马蓉带着剪刀去了王宝强家,直接吓晕了宝强妈妈。对此,马蓉母亲称他们只是去接孩子的,不存在持凶器前往一说,他们和王母也没有发生过正面冲突。今日另有一张马蓉躺在卧室地上刷手机的图片爆出,有网友据此质疑马蓉摆拍、做戏。而马蓉妈妈则称,当时女儿被打在地上已几近不能动弹,自己在打就医电话不能及时出车,且不擅使用电子产品情况下,将手机交由女儿联系医院而已。..</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>...</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>...</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>...</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
			<section>
				<h4>知情人爆料称马蓉闯入王宝强家拿剪刀对峙</h4>
				<content>
					<p>...</p>
				</content>
				<footer>网友评论:...</footer>
			</section>
		</article>
		</div>
*{
				margin: 0;
				padding: 0;
			}
			body{
				background: #008000;
			}
			#main{
				max-width: 600px;
				margin: 1em auto;
			}
			article {
				max-width: 600px;
				
			}

			article h4{
				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;
			}