Я не могу изменить ширину <a>, не заставляя ее плавать или блокировать

Question

Почему это так?

В чем причина?

Answer 1

<a> - встроенный элемент, который отображается среди обычного текста. Как говорит Бен, плавающие элементы неявно преобразуют их в «блочные» элементы.

Одним из решений является использование стиля CSS display: inline-block - тогда ссылка будет работать так же, как изображение - поток внутри текста, но также позволит вам установить ширину / высоту.

Answer 2

Когда вы перемещаете его, вы неявно делаете его элементом блока. И в отличие от встроенных элементов (среди них a ), элементам блока можно назначать ширину и высоту. Вот хорошее объяснение различий блоков и строк .

Редактировать: удалено «иметь макет» как часть описания элементов блока, это не совсем верно ...

Answer 3

Предпосылка неверна.

использовать встроенный блок

<a href="" style="display:inline-block; width:100px;  background-color:Red;">abc</a>