如何使html页面中的内容水平超出网页?

时间:2014-01-17 07:36:50

标签: html css html5 css3

我在身体中有一些内容,我需要的是,内容应该超过没有水平滚动条的页面。如图所示,车身应在升降机和右侧切割。侧面区域不应该是可见的。这该怎么做? enter image description here

2 个答案:

答案 0 :(得分:1)

可能有很多方法可以实现这样的目标。如果不了解您的目标,很难说哪个是最好的(即,您为什么要隐藏内容?)。

这是一种方式:

CSS:

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

HTML:

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

答案 1 :(得分:0)

这样做

<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>