我正在做一个动态 div,它会根据文本的数量调整大小。(这意味着我无法定义主 div 的宽度)
问题是,对于我当前的 CSS,这是页面第一次加载时发生的情况:
但是,当我按下 时F5,页面会自动将自身调整回此:
为什么会这样?我该如何解决?我被这部分难住了,我什至尝试过高级 CSS 函数,例如calc
, 等等。
我无法在 jsFiddle 上复制问题,但我确实提供了我正在使用的代码。
HTML
<div class="breadcrumbz">
<ul id="breadcrumbs" class="uppercase">
<li><a href="http://localhost/adsg">Home</a></li>
<span>/</span>
<li><a href="http://localhost/adsg/blog/" title="View all posts in blog" rel="category tag">blog</a></li>
<span>/</span>
<li class="single">On the Go.</li>
</ul>
</div>
CSS
.breadcrumbz { padding:6px 6px 6px 6px; margin:2% 0 0 4%; position:relative; background-color:#3b3c3e; float:left; }
.breadcrumbz ul { white-space:nowrap; float:left; }
.breadcrumbz ul li { display:inline; }
.breadcrumbz ul li:first-child a { padding:0 4% 0 0; }
.breadcrumbz ul li a { padding:0 4%; }
.breadcrumbz ul li span { padding:0 4%; }
.breadcrumbz ul li:last-child a { padding:0 0 0 4%; }
.breadcrumbz ul li.single { padding:0 0 0 4%; }