Question

我有一个恼人的问题，如果有人需要其他信息请说，因为我不确定我应该在这里提出什么来使问题更清楚！在第一张图片中，我有当前的布局，我想将星级评分移到其他用户的虚线div中的图片下方。

但是当我这样做时，一切都变得很难看，正如你在第二张照片中看到的那样。有没有人知道我应该看到什么，以确保星星最终在div下面与图像的图片。我把我的CSS放在了最底层。

enter image description here

#gallery {  margin-left:auto;
margin-right:auto; background:#EEE; float: left;  border:  width: 500px; solid  1px  #BBBBBB ; border-style: dashed; } * html #gallery { height: 12em; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery li { float: left; width: 96px; height:86px  padding: 0.4em; margin: 0.4em 0.4em 0.4em 0.4em; text-align: center; }
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: right; }

Answer 1

在您为其指定了样式属性之前，您已关闭标记的一部分，如下所示：

<li class='current-rating'> style='width:105px;' Currently 3.5/5 Stars.</li>

应该是：

<li class='current-rating' style='width:105px;'> Currently 3.5/5 Stars.</li>

忘记关闭<h4>代码：

<h4>Megan Fox was recommended because the following people also liked it
            <ol id='gallery' class='gallery ui-helper-reset ui-helper-clearfix'>
            ...

应该是：

<h4>Megan Fox was recommended because the following people also liked it</h4>
            <ol id='gallery' class='gallery ui-helper-reset ui-helper-clearfix'>
            ...

border:  width: 500px; solid  1px  #BBBBBB ;

应该是：

width: 500px; 
border: 1px solid #BBBBBB;

height:86px  padding: 0.4em; margin: 0.4em 0.4em 0.4em 0.4em;

应该是：

height:86px;  padding: 0.4em; margin: 0.4em 0.4em 0.4em 0.4em;

另外，您目前有<p id='initial p'> 请注意，您在任何页面中只能有一个唯一ID用于有效的HTML，并且id属性不能使用多个ID（正如您在上面尝试的那样，间距显而易见）。

在CSS中，ID由#符号而不是.引用。

这是你想要的吗？ http://fiddle.jshell.net/Shaz/Kwpj4/9/

推送列表下的div

1 个答案: