CSS在X轴上的固定位置，但在Y轴上的绝对位置？

我的容器，

#topmenu

处于固定位置。我刚刚添加了一个电话号码（图片），我想用这个条移动它，但它不会用固定的条移动

我已经绝对地将它定位在一个相对定位的元素中，但它就是不固定

如果我只是使电话号码位置：固定，那么它会随着视口宽度移动。完成我正在做的事情的最佳方式是什么

CSS片段：

<?php get_template_part( 'includes/template-parts/topbar' ); ?>

<?php } ?>

<?php 
$disable_sidebar = of_get_option('disable_footer', '' );
if( $disable_sidebar['navbar']==0 ) { ?>

<div class="ktfullwidth" id="navigationtop"> 
    <div class="ktwrap"> <div id="floatnumber"><img src="http://combined-effort.com/wp-content/uploads/telephone-18005174660.png" alt="Phone Number 1-800-517-4660"></div>
        <div class="ktlogo">
            <?php 
            $disable_sidebar = of_get_option('disable_parts', '' );
            if( $disable_sidebar['logo']==0 ) { ?>

                <?php if ( of_get_option('logo') ) { ?>

                        <a href="<?php echo home_url() ?>"><img src="<?php echo of_get_option('logo'); ?>" /></a>

                        <?php } else { ?>

                        <a href="<?php echo home_url() ?>">

                        <?php if ( of_get_option('logotext') ) { ?>
                            <?php echo of_get_option('logotext', ''); ?></a>
                        <?php } else { ?>
                        Combined Effort</a>
                        <?php } ?>

                <?php } ?>

            <?php } ?>

        </div>

.topsocial a{左边距：15px；}
#顶部菜单{位置：固定；z索引：220；}
#ktwrap{顶部填充：3px；底部填充：3px；颜色：#fff；}
#topmenu ul li{显示：内联；列表样式类型：无；填充：0px 10px 0；字体大小：13px；}
#小部件容器{margin top:5px；}
.topsocial.widget容器{margin top:0px！重要；}
#菜单里有一个跨度{
显示：块；
线高：14px；
保证金权利：4px；
文本转换：小写！重要；
}       
.菜单ul li a span{
线高：14px；
保证金权利：4px；
文本转换：小写！重要；
}
.topsocial{页边顶部：5px；颜色：#fff；}
.ktlogo{float:left；width:auto；页边距顶部：-35px；页边距左侧：137px；字体系列：“HoneyScriptLight”；字体大小：60px；填充顶部：22px；}
.ktlogo img:悬停{背景：无；}
#navigationtop{字体大小：12px；颜色：#fff；}
#navigationtop ul li strong{显示：块；填充底部：7px；字体大小：14px；}
#ktwrap{填充顶部：60px；填充底部：5px；高度：71px；}
#浮点数{
位置：绝对位置；
顶部：-3px；
右：150px；
z指数：270；
}

PHP片段：

<?php get_template_part( 'includes/template-parts/topbar' ); ?>

<?php } ?>

<?php 
$disable_sidebar = of_get_option('disable_footer', '' );
if( $disable_sidebar['navbar']==0 ) { ?>

<div class="ktfullwidth" id="navigationtop"> 
    <div class="ktwrap"> <div id="floatnumber"><img src="http://combined-effort.com/wp-content/uploads/telephone-18005174660.png" alt="Phone Number 1-800-517-4660"></div>
        <div class="ktlogo">
            <?php 
            $disable_sidebar = of_get_option('disable_parts', '' );
            if( $disable_sidebar['logo']==0 ) { ?>

                <?php if ( of_get_option('logo') ) { ?>

                        <a href="<?php echo home_url() ?>"><img src="<?php echo of_get_option('logo'); ?>" /></a>

                        <?php } else { ?>

                        <a href="<?php echo home_url() ?>">

                        <?php if ( of_get_option('logotext') ) { ?>
                            <?php echo of_get_option('logotext', ''); ?></a>
                        <?php } else { ?>
                        Combined Effort</a>
                        <?php } ?>

                <?php } ?>

            <?php } ?>

        </div>

合力

您可以更改

<ul id="menu-main" class="sf-menu sf-js-enabled sf-shadow">...</ul>
<div class="topsocial right">...</div>

…
...

进入

…
...

---

然后删除其他图像。

在没有详细阅读或测试代码的情况下：如果我答对了，并且您想用条移动数字，那么您必须将其放在这个固定的标题中。在原始代码中，您可以看到有两个重叠的标题，并且编号不在位置固定的标题中。那是什么

<div id="topmenu" class="ktfullwidth">

但在（以及在您的代码中似乎也是如此）

将数字放入#topmenu-div

您也可以在数字本身上使用position-fied，但我建议不要将其放在div中

---

编辑：我被导航分区的名称弄糊涂了。希望我现在就知道了。

问题出在客户端，为什么要显示PHP代码而不是HTML？

<div class="ktfullwidth" id="navigationtop">