Css 内联块有时有效
嘿,伙计们,现在正在做噩梦,我不确定是什么导致了这个奇怪的问题 基本上,有时我将元素设置为内联块的工作,然后当我刷新浏览器时,它们决定不再内联 这是我的HTML:Css 内联块有时有效,css,Css,嘿,伙计们,现在正在做噩梦,我不确定是什么导致了这个奇怪的问题 基本上,有时我将元素设置为内联块的工作,然后当我刷新浏览器时,它们决定不再内联 这是我的HTML: <div class="col-md-8 col-sm-8 col-lg-8"> <div class="listing-container"> <h3 class="model-listing-title clearfix">2011 (11) Me
<div class="col-md-8 col-sm-8 col-lg-8">
<div class="listing-container">
<h3 class="model-listing-title clearfix">2011 (11) Mercedes-Benz C Class C250 CDI BlueEFFICIENCY Sport 4dr Auto</h3>
<h3 class="price-listing clearfix">£17,998</h3>
</div>
<div class="listing-container-spec">
<img src="media/img/mercedes-test.jpg" alt="mercedes-benz"/>
</div>
</div>
它应该是这样的: 这是在几次刷新之后: 我使用的是bootstrap,不过如果我把代码放到JSFiddle中,它工作得很好,但是在我的实时站点上,它几乎每次刷新都会改变它的位置 知道为什么会这样吗
下面是一个活生生的例子:以下是我在Chrome开发工具中所做的事情,这些工具似乎解决了这个问题
显示:内联块代码>来自。型号列表标题
和。价格列表
。型号列表标题
你能发布这两种行为的截图吗?是的,我现在就做,给我3分钟。这是它应该是什么样子:这是在几次刷新之后:我已经有这个问题了。。。我不记得为什么。。。我在ubuntu下使用谷歌浏览器。我认为这是一个浏览器错误,并闭上了眼睛,因为在其他浏览器和操作系统下我没有这个问题。也可能是因为扩展(ad块或其他原因)。按F12键后,问题立即消失。这看起来确实像是浏览器问题。如果页面从连线而不是缓存加载,则会出现此问题。如果隐藏并显示
.price list
,它将显示在正确的位置。
.listing-container {
background-color:#dddddd;
padding:0;
border-radius:6px 6px 0 0;
-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
box-shadow:inset 0 0 5px #9e9e9e;
padding:1px 10px;
overflow:auto;
}
.listing-container-spec {
background-color:#153066;
width:100%;
height:auto;
display:block;
position:relative;
}
.listing-container-spec img {
max-width:60%;
}
.model-listing-title {
font: 600 1.5em 'Open Sans', sans-serif;
margin-top:0.1em;
display:inline-block;
width:75%;
}
.price-listing {
font: 700 2em 'Open Sans', sans-serif;
margin-top:0.1em;
display:inline-block;
float:right;
margin-top:0.1em;
}