Question

html代码

<div id="page">
   <div id="container2">
      <div id="container1">
         <div id="mainarea">
            <?php include mainarea_constractor.php";?>
         </div>
         <div id="sidebar">
         //content_of_sidebar_goes_here
         </div>
      </div>
   </div>
</div>

Css代码：

#page{
    margin:auto;
    width:990px;
    padding:0 10px;
    padding-top:5px;
    padding-bottom:5px;
    background: url(/template/img/main/containt_bg.png) center center repeat-y;
    overflow: hidden;
}

#container2 {
    clear:left;
    float:left;
    width:990px;
    overflow:hidden;
}
#container1 {
    float:left;
    width:995px;
    position:relative;
    right:340px;
    border-right:1px double #c1c0a8;
    text-align:justify;
}
#mainarea {
    float:left;
    width:650px;
    left:340px;
    position:relative;
    overflow:hidden;
    padding-right:5px;
}
#sidebar {
    float:left;
    width:330px;
    position:relative;
    left:345px;
    overflow:hidden;
}

问题是当我将div放入mainarea时，我无法设置边距或填充选项例如：

<div id="mainarea">
   <div style="margin-left:15px;" id="inner_div">
      Content_for_inner_div
   </div>
</div>

有任何帮助吗？当我将float设置为#inner_div时，我不希望浮动进入我的div ... 如果可能，我不想更改我的常规模板（page，container2，container1）

Answer 1

如果我正确理解你的问题，我认为在你想要的内部div上使用边距的唯一方法是使用

float:left;
margin-left:15px;

只要内部div不大于持有它的外部div，它就不会打破你的风格。

检查此链接http://jsfiddle.net/vabfs/

css保证金没有回应

1 个答案: