日記

aタグのクリック範囲を広げたい

更新日:

.right-menu {
    float: right;
    width: 60%;
    margin: 0.5% 1%;
}
.right-menu li {
    float: right;
    list-style: none;
    background-color: #ffa500;
    margin: 2% 1.5% 0 1%;
}
.right-menu a {
    background-color: #ffa500;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    padding: 10px;
}
元々.right-menu liの位置にpaddingを取っていたが、
どうやらそれがaタグをdisplay:block;にしてもクリック範囲が広がらない要因だったらしい。
理由は全く持ってわからないし、クリック範囲は広がったが、
aのpaddingを%で指定出来なくなった。
正直訳が分からない。
お腹の体調もあまり良くなく、食欲不振に陥っている。
病院通いでほぼお金がないのだが、このまま作業していると
ストレートネックの方も改善しなさそうなので、
近くのホームセンターなどを覗きに行こうかなと思っています。
それでは今回はこの辺で。

-日記

Copyright© ヒキカツ!ひきこもりのブログ , 2021 All Rights Reserved Powered by STINGER.

%d人のブロガーが「いいね」をつけました。