核心提示：1. 移动端上水平溢出滚动（无滚动条，只有移动端有效）!DOCTYPE htmlhtmlheadmeta charset=UTF-8 meta name=viewport content=width=...
1. 移动端上水平溢出滚动（无滚动条，只有移动端有效）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
</head>
<style>
.p{width:100%;height:40px;overflow: hidden;}
.box{width:100%;white-space: nowrap;overflow: auto;height: 60px;}
.box p{width:100px;min-width: 100px;display: inline-block;}
</style>
<body>
<p class="p">
<p class="box">
<p datasrc="1">最新要闻1</p>
<p datasrc="2">最新要闻2</p>
<p datasrc="3">最新要闻3</p>
<p datasrc="4">最新要闻4</p>
<p datasrc="5">最新要闻5</p>
<p datasrc="6">最新要闻6</p>
<p datasrc="7">最新要闻7</p>
<p datasrc="8">最新要闻8</p>
<p datasrc="9">最新要闻9</p>
<p datasrc="10">最新要闻10</p>
</p>
</p>
</body>
</html>
