边缘 - 左边没有在safari上运行

Question

我在使用margin-left和safari时遇到了麻烦

这是我的CSS

<style>
            .profile___options {
                position: absolute; width: 828px; height: 45px; border-top: 1.1px solid #eee; margin-top: 97px; margin-left: 282px;
            }

            .profile___options ul {
                float: right;
                margin-right: 329px;
            }

            .profile___options ul li {
                border-right: 1px solid #e9eaed;
                float: left;
                font-size: 15px;
                font-weight: 600;
                height: 43px;
                position: relative;
                list-style: none;
                vertical-align: middle;
                white-space: nowrap;
                cursor: pointer;
                padding: 16px;
                color: #365899;
                padding: -1px;
            }
        </style>

这是我的HTML代码

    <div class="profile___options">
            <div class="fsaafFDSA__">
                <div class="223__adAas">
                    <div class="profile___options_inner">
                        <ul class="user_ul">
                            <li>
                                <a class="questions_link">Questions</a>
                            </li>


                            <div class="user_bookmark" style="
                            position: absolute;
                            margin-left: -121px;">

                            </div>

                            <li style="width: 136px;" class="followerLink">
                                <!--<span class="badge badge-danger" style="color: #fff;background-color: #dc3545;width: 19px;margin-top: 5px;position: absolute;margin-left: -7px;">3</span>-->
                                Followers
                            </li>


                            <li style="width: 136px;" class="followingLink">
                                <!--<span class="badge badge-danger" style="color: #fff;background-color: #dc3545;width: 19px;margin-top: 5px;position: absolute;margin-left: -7px;">3</span>-->
                                Following 
                            </li>


                        </ul>


                    </div>
                </div>
            </div>
        </div>

这是关于chrome的结果

result on chrome

这是safari的结果

Result on safari

我想要完成的是保持底部导航栏的黑色轮廓在两个浏览器上的同一位置对齐

谢谢，

Arnav

Answer 1

试试这个：

-webkit-margin-start (left)
-webkit-margin-end (right)

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

希望我帮忙。