我有这个HTML:
<div class="parent">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
div.left将包含一些菜单项,因此其宽度将会改变 div.right将类似于left(其宽度将改变)
div.center的宽度是固定的,它是一个标志。
我想把div.center放在div.parent中,所以
div.center {margin: 0px auto;}
对我不起作用,我该怎么做呢
在图片而不是左边div这里是ul with style =“display:block”
这是真正的代码:
div class="header">
<ul class="user-menu">
<li>
<li>
<li>
</ul>
<div class="user-name">
Привет,
<strong>Administrator</strong>
<a href="/User/LogOff">Выйти</a>
</div>
<a class="logo" href="/">
<img alt="Сайт барабанщиков Funky Drummer" src="/Content/themes/default/images/logo.png">
</a>
</div>
和它的CSS:
/* Header */
div.main > div.header > ul.user-menu {position: absolute;max-width: 200px; float: left; overflow: hidden; list-style-type: none;padding: 0;margin-left: 2em;margin-top: 1em;font-family: Verdana;font-size: 11px;}
div.main > div.header > ul.user-menu a {color: #455369;}
div.main > div.header > ul.user-menu li {float: left; margin-right: 1em;}
div.main > div.header > div.user-name { margin-right: 2em;margin-top: 1em;float: right;font-family: Verdana;font-size: 11px;}
div.main > div.header {min-height: 177px;text-align: center;}
div.main > div.header > a.logo {overflow: hidden;width:250px;height:177px;}
答案 0 :(得分:0)
div.center { position: relative; left:50%;}
我认为可以做这项工作。
答案 1 :(得分:0)
这可能是因为父div占用了最小的宽度。
试试这个:
<div class="parent" style="width: 100%;">
<div class="left"></div>
<div class="center" style="margin: 0px auto;"></div>
<div class="right"></div>
</div>