如何使HTML页面中的内容水平超出网页？

我在内容中有一些内容，我需要的是，内容应该超过没有水平滚动条的页面。如图所示，身体应该在电梯和右手侧切割。侧面区域不应该是可见的。这个怎么做？ enter image description here 如何使HTML页面中的内容水平超出网页？

来源

2014-01-17 madhu kumar

您在做什么？你打算在真实世界的项目中尝试这个吗？而且，你将不得不使用'overflow：hidden;'来隐藏你的内容，休息在我的头上 –

@ Mr.Alien：在我的真实项目中，有一些图像而不是这个文本。不知道如何做到这一点。 –

有可能有几十种方法来实现这样的事情。不知道更多关于你的目标的信息，很难说哪种最好（即你为什么要隐藏内容？）。

这里是一个办法：

CSS：

body {overflow: hidden;} 
div.content {width: 140%; position: relative; left: -20%;}

HTML：

<div class="content">all your page content</div>

来源

2014-01-17 07:41:45

做到这一点

<body> 
    <div style="padding-bottom:20px; width:303px;"> 
      <div id="myContent" style="border: 1px solid #ccc; border-bottom:none;"> 
       Some ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome ContentSome Content 
      </div> 
     </div> 
</body>

来源

2014-01-17 09:41:26

如何使HTML页面中的内容水平超出网页？

回答

相关问题