将内包装div添加到HTML页面

时间:2015-07-03 01:31:05

标签: html css web

我正在编写一个网站,我有基础,但我想要一个易于实现的中间内包装div来保存网站的内容。我对CSS没有超级经验,我找不到任何相关的帮助。

我希望最终结果看起来像这样 - http://i.imgur.com/vkBzWsk.jpg?1

我在代码中四处查看,但是在数小时内挖掘300多行代码似乎很疯狂,以寻找在中间添加白色方块的方法。

2 个答案:

答案 0 :(得分:0)

这实际上很简单,只需几行css代码:

<MSBuild Projects ="@(ProjectsToBuild)"
             ContinueOnError ="false"
             Properties="Configuration=$(Configuration)">

根据您的代码,这是一个完整的HTML示例:

div{
width:60%;
margin-right:auto;
margin-left:auto;
background-color:red;
}

此外,我不知道您是否使用过它,但www.w3schools.com是一个非常好的html / css / javascript网站(以上所有内容) 。它有教程和参考资料!

答案 1 :(得分:0)

我已经制作了一个simple JsFiddle示例,您可以运行,修改和检查。

看一下,为了使这个工作,你需要让你的包含元素(html,body)具有100%的宽度和高度

html, body{
  width:100%;
  height:100%;
}

然后你可以简单地使用百分比作为白色东西,简化版本看起来像这样:

#whiteInnerDivThing{
  width:60%;
  height:30%;
  margin-top:50%;
  margin-right:auto;
  margin-left:auto;
}

此外,我在示例中添加了圆角和插入阴影,因此它更好。顺便说一下,我也喜欢Jazza:D