Question

我正在尝试制作一个标题，左侧是图像，左侧是链接。

基本上，下面是：

[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%;

}

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

以下是我的称呼方式：

<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所示。我只需要分割标题，我真的不想使用表格。

谢谢！

Answer 1

我假设你的意思是“正确”的链接。试试这个：

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

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

然后确保你有一个clear，以便内容不会卷入，例如：

<br style="clear: both" />

如何在div的左右两侧显示文本

1 个答案: