Html 右浮动链接变高_Html_Css_Css Float

Html 右浮动链接变高

html css

Html 右浮动链接变高,html,css,css-float,Html,Css,Css Float,我遇到了一个链接的问题，当它向右浮动时，会比不向右浮动的链接获得另一个高度。以下是生成它的最低代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="serve

我遇到了一个链接的问题，当它向右浮动时，会比不向右浮动的链接获得另一个高度。以下是生成它的最低代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        body {font: normal 12px/1.6 Arial; }
        .btn {background-color: Red; color:#000; padding: 5px 15px 5px 15px; }
    </style>
</head>
<body>
    <div>
        <a class="btn" href="#">Nice link</a>
        <a class="btn" style="float: right;" href="#">Bad link</a>
    </div>
</body>
</html>


正文{font:normal 12px/1.6 Arial；}
.btn{背景色：红色；颜色：#000；填充：5px 15px 5px 15px；}

如果我从主体样式中删除“Arial”，它看起来就可以了。但是我当然需要字体样式。

填充只在块元素上起作用，我猜由于浮动，坏链接就像块一样，将display:block添加到.btn并将好链接浮动到左侧

填充只在块元素上起作用，我想坏链接的作用类似于块，因为浮动，请将display:block添加到.btn，并将好链接浮动到左侧

浮动元素有效地将它们更改为块级元素（如果以前没有），因此填充将不会应用于普通锚点，但会应用于浮动锚点

您可以添加

display:inline块到未浮动的锚点或左侧浮动的锚点。内联块将保留其内联属性作为锚点，但允许应用尺寸、填充和边距。内联块在IE版本7之后使用
 浮动元素有效地将它们更改为块级元素（如果以前没有），因此填充将不会应用于普通锚点，但会应用于浮动锚点
您可以添加display:inline块到未浮动的锚点或左侧浮动的锚点。内联块将保留其内联属性作为锚点，但允许应用尺寸、填充和边距。内联块在IE版本7之后使用
 首先，你们需要说明高度，才能达到彼此的高度
浮动：左
请记住，高度也是通过填充设置的
不管怎么说，看起来你在做菜单，那么就这么做怎么样
<ul>
<li style="float:left;"></li>
<li style="float:left;"></li>
</ul>






然后你就有了一个容器来容纳你的两个对象
首先，你需要说明高度，以使它们彼此尽可能高
浮动：左
请记住，高度也是通过填充设置的
不管怎么说，看起来你在做菜单，那么就这么做怎么样
<ul>
<li style="float:left;"></li>
<li style="float:left;"></li>
</ul>






然后你就有了一个容器来存放你的两个对象
我用自己的方式编写了相同的代码，希望它能有所帮助
//css

正文{字体系列：Arial，Helvetica，无衬线；字体大小：14px；}
.container{高度：40px；}
.container a{color:#FFF；padding:10px；padding:7px；}
.btn{背景色：红色；颜色：#000；}

//HTML
    <div class="container">
        <a class="btn" href="#" style="float: left;">Nice link</a>
        <a class="btn" style="float: right;" href="#">Bad link</a>
    </div>

我以自己的方式编写了相同的代码，希望能有所帮助
//css

正文{字体系列：Arial，Helvetica，无衬线；字体大小：14px；}
.container{高度：40px；}
.container a{color:#FFF；padding:10px；padding:7px；}
.btn{背景色：红色；颜色：#000；}

//HTML
    <div class="container">
        <a class="btn" href="#" style="float: left;">Nice link</a>
        <a class="btn" style="float: right;" href="#">Bad link</a>
    </div>


或者使用Kyle Sevenoaks所说的内联块，或者您应该阅读有关浮动对象的内容，看看它们是否被称为块对象？在这里，你可以插入一个高填充，你喜欢什么，只是浮动两个对象，或者使用Kyle Sevenoaks说的内联块，或者也许你应该阅读浮动对象的相关内容，看看它们被称为块对象？在这里，你可以插入一个高的填充和任何你喜欢的只是浮动两个对象。不要在1上向右浮动，在另一个上向左浮动，然后它们将在div框的每一侧结束，在这里，你想同时浮动两个对象！：）在“.a”容器中，您有两次填充。btn和“.container a”在这种情况下是相同的，因此同一物品的颜色也会使用两次。.都德不要在1上向右浮动，在另一个上向左浮动，然后它们会在div框的每一侧结束，在这里你想同时向左浮动！：）在“.a”容器中，您有两次填充。在这种情况下，btn和“.container a”是相同的，因此同一物品的颜色也使用了两次。谢谢您指出。我现在已经接受了一些已经回答的问题的答案。谢谢你指出。我现在已经接受了我已经回答的一些问题的答案。