我一直在尝试创建一个具有以下结构的站点:
所需的结构http://i50.tinypic.com/vhw076.png
但我似乎无法使标题正确(e1左,e2居中,e3右).我希望三个元素e1,e2和e3分别位于左侧,中间和右侧.这就是我正在尝试的:
<div id="wrapper">
<div id="header">
<div id="header-e1">
1
</div>
<div id="header-e2">
2
</div>
<div id="header-e3">
3
</div>
</div>
<div id="nav">
links
</div>
<div id="content">
content
</div>
<div id="footer">
footer
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
有了这个css:
#wrapper
{
width: 95%;
margin: 20px auto;
border: 1px solid black;
}
#header
{
margin: 5px;
}
#header-e1
{
float: left;
border: 1px solid black;
}
#header-e2
{
float: left;
border: 1px solid black;
}
#header-e3
{
border: 1px solid black;
}
#nav
{
margin: 5px; …Run Code Online (Sandbox Code Playgroud) 像这样的表:
<table>
<tr>
<td> ... </td>
<td> ... </td>
<td> ... </td>
</tr>
<tr>
<td> ... </td>
<td> ... </td>
<td> ... </td>
</tr>
...
</table>
Run Code Online (Sandbox Code Playgroud)
如何使用div和css显示创建一个:表规则?
我从来没有遇到过并排调整div的问题,但出于某种原因无论我做什么它只是不起作用.我尝试了stackoverflow的一些答案,但它们也没有用.我已经没想完了.
我有2个div.1 div是"content" - 它将所有主要信息显示在表格中.第二个div是"侧边栏" - 它只有一些额外的垃圾,如图像,twitter feed等.
这是我的CSS
#content {
width: 580px;
height:auto;
}
#sidebar {
width: 270px;
height:auto;
float:right;
Run Code Online (Sandbox Code Playgroud)
}
我试着玩定位,边距,包含另外两个div - 包装 - 一个但它要么不起作用,要么产生另一个问题.有趣的是,我正在重写我的旧网站,即使我复制旧的属性,它仍然无法正常工作.任何人有任何想法?
每个人都允许大笑!大声笑
解决方案:删除div #clear我完全忘记了!什么是布偶.:-P现在我觉得很蠢.:-P