HTML div bg颜色在屏幕外

我想要创建一个背景颜色的<div>元素，该元素从屏幕中间开始，向右，到页面结束（屏幕外），但我不知道不想触发任何滚动条。在那<div>我想有一些信息，在<div>（屏幕内）的开头。
Here's的HTML代码示例：HTML div bg颜色在屏幕外

<div id="footer"> 
    <h2>Information</h2> 
    <p>Some text</p> 
    <p class="alignright">Another information in this paragraph.</p> 
</div>

这是我希望它看起来像：

http://postimage.org/image/h60apjfjf/

来源

2012-08-23 Tom11

像这样的事情？ http://stackoverflow.com/questions/8382576/positioning-a-button-with-css/8382682#8382682 – Joonas

CSS会让你轻松做到这一点。像下面这样：

#footer { 
    background-color: #b0c4de; 
    width: 50%; 
    height: 20px; 
    float: right; 
}

这是一个很好的资源：http://www.w3schools.com/css/default.asp

来源

2012-08-23 08:24:30 jtrick

这很好，但如果我想宽度怎么办：80％; ？它不能这样做，因为如果你放大这个页面，合成将不会是一样的。 – Tom11

将理论上将一个div放在另一个div内应该保持使用width属性设置的任何比例（如果以百分比形式）。我不认为有一种处理跨浏览器缩放行为的标准方式，但这应该起作用。 – jtrick

是的，但我希望这个div在另一个内容下面开始。在我的屏幕上，它看起来很好（宽度：80％），但在更大的屏幕上，它不会被定位在该内容下面。 – Tom11

不容你只是用身体的CSS背景图像来实现那效果？

来源

2012-08-23 08:12:04 Juw

我已经定义了一个身体的背景图像，这个页脚会根据内容改变其位置。 – Tom11

你可以做这样的事情：

#footer { 
    float: right; 
    width: 50%; 
    background-color: blue; 
    overflow: hidden; 
}

溢出隐藏的是没有必要的，但万一出现滚动条，这个不会。

编辑：例如：http://jsfiddle.net/8nu68/

来源

2012-08-23 08:12:46

您可以通过在另一个DIV包装页脚DIV做到这一点。这不仅可以让您完全放置页脚div，而且还可以让您将页脚div放到外面，而不会产生滚动条或显示溢出。

例如：

<div id="footer-wrapper"> 

    <div id="footer"> 

     <h2>Information</h2> 
     <p>Some text</p> 
     <p class="alignright">Another information in this paragraph.</p> 

    </div> 

</div> 

#footer-wrapper { width:300px; height:100px; position:relative; overflow:hidden; } 
#footer { position:absolute: top:50px; left:50%; width:300px; }

等

位置：相对于单元，其页脚股利，与位置：绝对的，将使用包装作为位置参考。溢出：隐藏将阻止滚动条并将隐藏溢出。

来源

2012-08-23 08:15:30 JohnDevelops

HTML div bg颜色在屏幕外

回答

相关问题