Html 在左侧和右侧,从一个div到居中div

Html 在左侧和右侧,从一个div到居中div,html,css,Html,Css,您好,我正在使用一个div作为中心内容 <div class="wrapper"> <div class="container"> <h1> content</h1> </div> </div> 现在我想在居中div的左右边界放置两个具有固定高度和宽度的div,并且我想保持类容器居中。如何可以这样做。< p>可以使用浮点来定义两种样式:左和浮点:右< /COD>在侧(D.包装器内)设置DIV,应该考

您好,我正在使用一个div作为中心内容

   <div class="wrapper">
  <div class="container">
    <h1> content</h1>

  </div>
</div>

现在我想在居中div的左右边界放置两个具有固定高度和宽度的div,并且我想保持类容器居中。如何可以这样做。

< p>可以使用<代码>浮点来定义两种样式:左和<代码>浮点:右< /COD>在侧(D.包装器内)设置DIV,应该考虑删除<代码>浮点:左< /C> >容器类< /P>
  • 在HTML代码中声明
  • 您可以使用新的CSS:

    .wrapper
    {
    宽度:100%;
    最小高度:200px;
    利润率:10px;
    }

    .container
    {
    宽度:70%;
    保证金:0自动;
    背景:#fff;
    }

  • 准备好了

    我创建了这个示例
    jsfiddle.net/8D7Yd

    萨卢多斯
    rebocano.com

    你真的应该重写你的问题。
    如果这是您想要的:

    那么您希望保持.container居中,但例如,左列将比右列宽?如何使.container居中?似乎漂浮在左边。考虑重新措词。很难理解这个问题。@user1829716-也许绘图是最好的选择
    .wrapper 
    {
        width:1000px;
        height:auto;
        position:relative;
        margin:10px auto;
    
    }
    
    .container
    {
        width:70%;
        margin:auto;
        background:#fff;
        float:left;
    
    }