0

コンテンツが中央に配置されたコンテナを含む Web ページがあり、その横にロゴを表示したいと考えています。

レイアウトは次のとおりです: div - コンテナー。コンテナが中央に配置され、コンテナの div lef が画面の左幅を埋める必要がある場所。

html, body {
 height: 100%;
 width: 100%;
}
#container {
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 min-height: 100%;
}

<div id="container">

</div>
<div id="lef">
</div>

このコードを含む jsfiddle は、http://jsfiddle.net/7QJQn/ で入手できます。

4

5 に答える 5

1

これは閉じられるオプションです

http://jsfiddle.net/7QJQn/4/

このようなことを行うための最良の解決策は、javascript / jQuery を使用することだと思います。

于 2012-07-08T15:46:40.353 に答える
0

これをCSSに追加します。

#lef{
  float:left
}

そして、次のように、html内のdivの順序を変更します。

<div id="lef"></div>
<div id="container"></div>
于 2012-07-08T15:29:11.703 に答える
0

まず、マークアップをラッパーでラップして、div要素がタイトに保たれるようにする必要があります。私はいくつかの変更を加えました、見てください：

 <div id="wrapper">

  <div id="lef">

  </div>


  <div id="container">

  </div>

</div>

そしてCSS：

 html, body {
 height: 100%;
 width: 100%;

}

#wrapper{

width: 360px;

}

#container {
 width: 200px;
 margin-left: auto;
 margin-right: auto;
 height: 100px;
 background-color:red;
}
#lef {
background-color:yellow;
width: 160px;;
height:100px;
float: left;
}​

例

于 2012-07-08T15:51:50.350 に答える