博主在实现电视剧详情列表的CSS样式时遇到问题，模块二的文字没有出现在浮动图片的右侧，而是位于下方。代码中使用了`nth-of-type`选择器，设置了`float`属性以及调整了字体大小等。尽管期望的效果与书上的答案不符，博主未能理解为何文字无法正确排列。寻求高手解答关于CSS布局的困惑。
代码如下：
电视剧详情列表#king {
width: 300px;
}
div div:nth-of-type(2) span {
display: inline-block;
}
div div:nth-of-type(2) img,.part3Left{
float: left;
}
/*div div:nth-of-type(2) #xinxi,*/
.part3right {
float: right;
}
h2 {
font-size: 12px;
}
h1 {
font-size: 12px;
line-height: 27px;
padding-left: 38px;
}
p {
font-size: 12px;
}
#xinxi {
display: inline;
}
明星荐片
周秀娜荐片:让子弹飞
导演：姜文
主演：姜文 周润发 葛优
点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]
《巴别塔》：好的故事引人深思阿朵
《洛杉矶之战》：外星人那么弱智？丁子俊
《让子弹飞》：武侠里也可以有爱情周秀娜
《剑雨》：好的故事引人深思叶年生
《春风沉醉的夜晚》：非常真实如小果
《克洛伊》：故事简单却细致刘若英
我做出来的效果是这样的：
书上的答案是这样的：
我把这个题目分成了三个模块，如图，中间的是模块二。如图
我的问题是：
模块二单独一行，中间图片是浮动的，为什么文字没办法在右边啊，而是放在了图片的下方。这个看不懂了，有高手可以指点一下么？
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
