-1

我正在研究我在网上找到并遇到问题的代码。当我将文本添加到名为内容的主 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}
4

4 回答 4

0

您是否尝试过诸如

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

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

编辑：是的，关闭那个html，这真的很有帮助。

于 2013-01-19T18:19:18.043 回答
0

在内容 div 内添加另一个 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-19T18:36:38.463 回答
0

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

#content {width:900;min-height:900px;float:left;background:#ccc;padding-left:20px;margin-left:10px;}
于 2013-01-19T18:27:50.790 回答
0

在 CSS 中的内容和/或侧边栏 div 上使用填充和/或边距

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

于 2013-01-19T17:53:11.930 回答