爲什麼我的html標籤不能用於CSS浮動：對吧？

我有一個雙語網站用紅寶石在軌道上和在右上角是英文版和西班牙文版的鏈接。我有2種佈局，每種語言都有一種佈局。兩者都使用相同的類。下面是HTML爲什麼我的html標籤不能用於CSS浮動：對吧？

<a class="language" href="home">ENGLISH</a>

和CSS：

.language { 
    float:right; 
    color: white 
}

我的問題是，沒有CSS應用的鏈接正常工作。當我應用css時，英文字出現在screan上，但是與普通文本一樣，而不是鏈接。我試着註釋掉float:right;，並且鏈接仍然有效，但是該字在屏幕中間，因爲該主體已設置爲text-align。我也嘗試使用text-align: right;而不是float: right，這似乎沒有效果。發生什麼事？

來源

2017-05-06 Owen

那麼，隨着你給的代碼，它的工作原理。 [見]（https://jsfiddle.net/sanky6/3no11d4y/1/）。 – Sank6

這是真的。這裏就是一個實例。 https://jsfiddle.net/85z5hg38/ 在您的HTML或CSS中必須有與該類或「a」標籤衝突的其他內容。 – Naltroc

@Sankarsh Makam @Naltroc。這很奇怪。沒有浮動鏈接工作，但顯然不會在正確的地方。爲什麼'text-align'屬性不起作用？有沒有其他方法可以在不使用'float'的情況下將鏈接置於右上角？ – Owen

你的代碼應該可以正常工作。也許你的CSS文件被其他CSS 但是覆蓋，你可以試試聯樣式的方法

<a href="home" class="language" style="float:right; color:white;">ENGLISH</a>

，它應該正常工作

來源

2017-05-06 17:06:28 Optimistic

也不起作用。與以前相同的結果。 – Owen

身體的CSS可以重寫它與文本對齊設置來證明？ – Owen

嘗試清除緩存，並在不同的瀏覽器中嘗試它 – Optimistic

你的代碼工作正常，因爲它應該。這裏展示一個JS Fiddle。下面是代碼...

.language { 
 
    float:right; 
 
    color: white 
 
} 
 

 
body { 
 
    background-color: black; 
 
}

<body> 
 
<a class="language" href="#">ENGLISH</a> 
 
</body>

但是，如果你想替代float: right;。這裏有一些。

right: 0px;

而另：

text-align: right; 
position: absolute;

此外，this可能會有幫助。

來源

2017-05-06 17:13:33 Sank6

爲什麼我的html標籤不能用於CSS浮動：對吧？

回答

相關問題