Html 扩展页眉和页脚以及内容
发行 |使用包装器DIV:Html 扩展页眉和页脚以及内容,html,css,Html,Css,发行 |使用包装器DIV: <div id="holder"> <div id="header" style="width:100%"></div> <div id="content"> <img src="..."> </div> <div id="footer" style="width:100%"></div> </div>` `
<div id="holder">
<div id="header" style="width:100%"></div>
<div id="content">
<img src="...">
</div>
<div id="footer" style="width:100%"></div>
</div>`
`
是的,我已经检查了整个css规则。请从规则中删除宽度:auto
body.single .content {
padding: 0 20px;
/*width: auto;*/
}
它在我的系统上运行得很好
检查它,它可以按照您的要求正常工作! 只需在css条目规则中添加一个额外属性
.entry {
background: none repeat scroll 0 0 #373737;
border-top: 5px solid #F15123;
box-shadow: 0 1px 3px 0 #141414;
width: 1500px;/* add this property*/
}
按照图中所示的步骤进行操作
最后,我找到了一个解决办法。只是需要补充一下
body
{
position: absolute;
width: auto;
}
.site-inner, .wrap
{
max-width: none;
}
请用JSFIDLE演示您的问题,不要链接到外部站点,因为它们会失去上下文,或者随着时间的推移链接会腐烂。感谢您的回复,这里是:谢谢Sebi,但您可以从这里具体说明代码:它们有各种父和子div。我不打算为您编写代码。这是你的代码,我给了你一个方法。Asraful,谢谢你的回复。我想保留原来的图像大小,因为它是一个杂志阅读网站。管理员希望按原样显示图像。有任何自定义CSS规则吗?:)好的,我正在尝试!请稍等,没问题。慢慢来。已经等了好几天了。我试过位置:固定页眉和页脚,但它随窗口一起出现。谢谢你的努力,Asraful。我真的很感激。但这并不是解决办法。我已经更新了答案。请拖放新选项卡中的每个图像以查看清楚!