Question

我无法在野生动物园中使用margin-left

这是我的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

这是野生动物园的结果

Result on safari

我要完成的工作是使带有黑色轮廓的底部导航栏在两个浏览器上的同一位置对齐

谢谢

阿纳夫

Answer 1

尝试一下：

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

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

希望我能帮上忙。

CSS margin-left不在Safari上运行

1 个答案: