0

我正在尝试制作一个带有左侧图像和左侧链接的标题。

本质上，如下：

[LOGO HERE] Link1 Link2 Link3

我正在尝试使用 div 而不是表格，我该如何在保持“流动性”的同时做到这一点。？

这是我的容器css：

.container {
    width: 85%;
    max-width: 1260px;
    min-width: 680px;
    background: #FFF;
    margin: 0 auto;
}

这是我的标题CSS：

.header {
    background: #FFF;
    width: 100%;
    height: 10%;
}
.header2 {
    float: right;
    width:49%;

}

标题用于图像，header2 用于文本。

我是这样称呼它的：

<body>

<div class="container">
  <div class="header"><a href="http://www.college.edu"><img src="http://newhope.edu/images/Logo.png" alt="" name="" width="40%"  id="Insert_logo" style="background: #FFF; display:block;"  /></a> 
   <div class="header2">
   test
   </div>
    <!-- end .header --></div>

如果您想查看其余代码，请告诉我。

如 header2 所示，我尝试制作自己的课程。我只需要划分表头，我真的不想使用表格。

谢谢！

4

1 回答 1

0

我假设您的意思是“右侧”的链接。试试这个：

.header {
    background: #FFF;
    float: left;
    width: 50%;
    height: 10%;
 }

.header2 {
    float: right;
    width: 50%;
 }

然后确保你有一个clear底部，这样内容就不会卷入，比如：

<br style="clear: both" />
于 2013-07-12T18:20:32.833 回答