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間距

回答

相關問題