Html 让一个div块共享一条线？

-编辑-示例：

Html

我希望三个链接是在同一行，但第三个必须是一个块，以占用剩余的空间，在李，所以它是可点击的。我尝试了很多方法，上面的例子是我最接近的结果。如何使第三个链接共享同一行和一个块，以便可以单击该行的结果

---

我尝试向左浮动，但这不允许第三个链接占用剩余空间。

请使用与链接关联的类名发布CSS

如果他们没有做任何定位，那么这可能会起作用：

<li><nobr><a href=... class="one"><a href=... class="two"><a href=... class="three"></nobr></li>

---

HTH

试着给一个和两个a

显示：内联

，然后给3个a

显示：块

如果这不起作用，给1和2个a

float:left

和3个a

clear:left

编辑

把它擦掉。我误读了你原来的帖子

给所有3个

显示：inline

？

类似的东西怎么样

---

你能发布与这些类名相关的CSS吗？它不存在。我删除了它们，它只需要.1{}.2{}.3{}，然后就不占用剩余的空间了。这是另一种方法。你能给每一种都定一个宽度吗？比如给前两个30%的宽度，最后一个70%的宽度？有趣的标签。我以前从未见过它。我没有运气。（参见我留下的各种链接和评论）

li a
{
    display: inline;
    background:red;
}
li a.two
{
    background:teal;
}

li a.three
{
    display: block;
    background:green;
}

<li><nobr><a href=... class="one"><a href=... class="two"><a href=... class="three"></nobr></li>

li 
{
    width:100%;
}
li a.one
{
    float:left;
    background:red;
}
li a.two
{
    float:left;
    background:pink;
}

li a.three
{
    display:block;
    background:green;
}