HTML内容的div间距

-1

我正在研究我在网上找到的代码，并面临问题。当我将文本添加到称为内容的主div时，我没有边距，文本太靠近边栏了。我应该如何解决它？下面的代码：HTML内容的div间距

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<body> 
    <div id="outer"> 
     <div id="header"></div> 
     <div id="inner"> 
      <div id="sidebar"></div> 
      <div id="content"> 
     </div> 
    </div> 
</html>

CSS

#outer {width:1000px;margin:0 auto;} 
#inner {overflow:hidden;} 
#header {min-height:40px;background:#bbb} 
#content {width:900;min-height:900px;float:left;background:#ccc;clear:} 
#sidebar{width:100px;min-height:250px;float:left;background:#ddd}

来源

2013-01-19 user1993303

你是不是缺少一个关闭标签呢？ – Dharman

可能会，但我认为在CSS代码中存在问题。有什么想法？ – user1993303

它也可以帮助我们回答你的问题，如果你添加一个链接到你找到它的地方。 – gary

使用填充和/或在你的CSS中的内容和/或补充工具栏格边距

http://www.htmldog.com/guides/cssbeginner/margins/

来源

2013-01-19 17:53:11 ScaryLooking

我尝试，但后来我的整个页面搞砸了。你会添加什么代码，使文本从左侧50px？ – user1993303

尝试制作内容宽度为850px并在其上放置50px的左边距 – ScaryLooking

你有没有尝试过的东西，例如as

#content{box-sizing:border-box, width:900;min-height:900px;float:left;background:#ccc; padding:10px;}

使用“box-sizing”应确保它不会弄乱你的页面。

编辑：和耶，关闭HTML，这可能真的帮助。

来源

2013-01-19 18:19:18 benBecker

框大小很大，但在较旧的浏览器中会失败并打破整个布局。 – user1721135

是的。那么http://caniuse.com/css3-boxsizing可能对提问者有用。 – benBecker

不知道你需要什么。但尝试添加padding-left或margin-left

#content {width:900;min-height:900px;float:left;background:#ccc;padding-left:20px;margin-left:10px;}

来源

2013-01-19 18:27:50

里面的内容股利加上它的另一个DIV和使用空间。

您也可以使用段落标签和相同的使用边距，这不会破坏您的布局。

此外，你缺少一个结束标记，这肯定需要修复。

尝试：

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<body> 
    <div id="outer"> 
     <div id="header"></div> 
     <div id="inner"> 
      <div id="sidebar"></div> 
      <div id="content"> 
       <div class="box"> 
       all text and content comes here 
       </div> 
      </div> 
     </div> 
    </div> 
</html>

附加CSS：

.box { 
margin:50px; 
}

来源

2013-01-19 18:36:38 user1721135

我尝试了你所说的一切，但是我的页面仍然断裂或文字太接近。我想我会找到另一个类似的布局样本......感谢您的帮助 – user1993303

它没有破坏你可能只是犯了一个错误请参阅http://jsbin.com/egiwev/1/edit – user1721135

HTML内容的div间距

回答

相关问题