Html 两个<；a>；标签位于页面的另一侧，在同一行上

我一直有这个问题，我想做一种“页面导航”，有两个链接（向前和向后）。在一行中，我希望在最左边有一个链接，在同一行中，在最右边有一个链接。如果花括号是父对象的范围，则其外观如下所示：

{Backwards                    Forwards}

左侧链接的左侧应该与内容边界齐平（这就是您所说的吗？我的意思是在填充设置之前），反之亦然

---

谢谢。

有很多方法可以做到这一点。。。其中一个是使用内联块元素，另一个是使用浮点等

下面是两个示例，第二个示例具有您想要的父子结构

div{
显示：内联块；
高度：20px；
宽度：300px；
背景：#eee；
填充：20px；
文本对齐：居中；
}
#l{
浮动：左；
}
#r{
浮动：对；
}

backwards内容向前



向后内容向前

有很多方法可以做到这一点。。。其中一个是使用内联块元素，另一个是使用浮点等

下面是两个示例，第二个示例具有您想要的父子结构

div{
显示：内联块；
高度：20px；
宽度：300px；
背景：#eee；
填充：20px；
文本对齐：居中；
}
#l{
浮动：左；
}
#r{
浮动：对；
}

backwards内容向前



向后内容向前

这是我今天正在制作的菜单。您只需添加

float:right到你的第二个
这是我今天正在制作的菜单。您只需添加
float:right到第二个
浮动：从左到第一个，浮动：从右到第二个。
我通常使用类名.fl/.fr和一个包含div并带有clear:两者。
由于div的折叠高度，请使用交叉划船

<style>
/*---------------float / clear-------------*/
.fl {float: left;}
.fr {float: right;}
.clear:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear { display:block; }
/* End hide from IE Mac */
* html .clear {height:1px;}
/*---------------clear-------------*/
</style>

<div class="clear">
    <a class="fl" href="#">backward</a>
    <a class="fr" href="#">forward</a>
</div>


/*---------------浮动/清除-------------*/
.fl{float:左；}
.fr{float:right；}
.清楚：之后{
内容：“.”；
显示：块；
字号：0；
身高：0；
明确：两者皆有；
可见性：隐藏；
}
.clear{显示：内联块；}
/*躲避IE Mac\*/
.clear{显示：块；}
/*结束对IE Mac的隐藏*/
*html.clear{height:1px；}
/*---------------清楚的-------------*/
浮动：从左到第一个，浮动：从右到第二个。
我通常使用类名.fl/.fr和一个包含div并带有clear:两者。
由于div的折叠高度，请使用交叉划船

<style>
/*---------------float / clear-------------*/
.fl {float: left;}
.fr {float: right;}
.clear:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear { display:block; }
/* End hide from IE Mac */
* html .clear {height:1px;}
/*---------------clear-------------*/
</style>

<div class="clear">
    <a class="fl" href="#">backward</a>
    <a class="fr" href="#">forward</a>
</div>


/*---------------浮动/清除-------------*/
.fl{float:左；}
.fr{float:right；}
.清楚：之后{
内容：“.”；
显示：块；
字号：0；
身高：0；
明确：两者皆有；
可见性：隐藏；
}
.clear{显示：内联块；}
/*躲避IE Mac\*/
.clear{显示：块；}
/*结束对IE Mac的隐藏*/
*html.clear{height:1px；}
/*---------------清楚的-------------*/
你的HTML是什么样子的？没有什么会影响这一点。它包含在一个div中，还有一些其他内容。如果你不知道怎么做，你怎么知道它不会影响这一点？从设计角度来看，我不会在屏幕的远端放置导航箭头。。。用户必须将鼠标移动到屏幕的最末端才能进入下一页。有点麻烦。你的HTML是什么样子的？没有什么会影响这个。它包含在一个div中，还有一些其他内容。如果你不知道怎么做，你怎么知道它不会影响这一点？从设计角度来看，我不会在屏幕的远端放置导航箭头。。。用户必须将鼠标移动到屏幕的最末端才能进入下一页。有点麻烦。