cta 按钮位置问题下的标题侧边栏菜单答案

【问题标题】：header sidebar menu under cta button position issuecta 按钮位置问题下的标题侧边栏菜单
【发布时间】：2021-10-13 18:51:10
【问题描述】：

我在桌面侧边栏菜单图标下添加了一个 cta 按钮，我检查了不同的位置属性，但我没有得到确切的结果，我给出了绝对位置，但问题是当我检查给定的不同屏幕尺寸时cta按钮从另一边移动，我附上截图供参考，请帮助

.sideMenu {
    width: auto;
    cursor: pointer;
    position: relative;
    left: 88px;
    background-color: #ffc20e;
    padding: 8px 12px 4px 12px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    top: 10px;
}
.register-login{
    transform: rotate(-90deg);
    background-color: #ffc20e;
    position: absolute;
    top: 118px;
    padding: 13.5px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    color: #000;
    z-index: 1;
    right: -83px;
    width: max-content;
}

        <div class="sideMenu"><i class="fa fa-bars" aria-hidden="true"></i>     
        <div class="register-login"><a href="#">HEADING / SUB HEADING</a></div>

]3]3

【问题讨论】：

标签： html button responsive-design css-position

【解决方案1】：

您可以使用writing-mode: vertical-rl; 代替transform; rotate();

【讨论】：