css - 正文中 100% 的带边距的 div

标签 css html margin absolute

我有一个边距为 40 像素的“正文”。

此外,我想添加一个高度为 100%、重量为 100% 并带有“静态位置”的 div。

我的问题是我的“div”超出了“body”! 我希望我的 div 填充“主体”(考虑到它的边距:40px)。

我该如何解决这个问题?

谢谢

MY JS FIDDLE

body { 
    background:pink;
    margin:40px;
    }

.contenuWorks {
    height:100%;
    width: 100% ;
    background:red;
    position:absolute;
    }

最佳答案

如果您使用绝对定位,您只需设置 div 的坐标即可。

fiddle :http://jsfiddle.net/EQEPY/

.contenuWorks {
    left: 40px;
    right: 40px;
    top: 40px;
    bottom: 40px;
    background:red;
    position:absolute;
}

关于css - 正文中 100% 的带边距的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21815768/

相关文章:

css - margin-top 值未被应用

html - 如何应用边距以使元素不超过 100% 宽度?

c++ - QSplitter 显示两个小部件之间的分隔符或边距

javascript - 使用 :hover to modify the css of another class?

html - 如何制作一个文本框,在文本前面有一个方 block ,带有链接

css - 在响应式上重新排序 div

html - div内容溢出

javascript - MooTools 的表格数据无限滚动

html - CSS、HTML - 为什么在打印我的页面时会出现页面标题标签 (<html><head>&lt;title&gt;THIS CONTENT&lt;/title&gt;...) 的内容?

html - 使用对文件中定义的引用的 SVG 填充图案