当页面缩小时，Div文本不会像我希望的那样浮动。
当页面缩小时，Div文本不会像我希望的那样浮动。
提问于 2014-08-18 16:14:21
我设计了一个页面，当页面很宽的时候，它看起来是怎样的，但是当它变窄的时候，它就出错了。
我左边有一张大照片(灰色)，左边有3张小照片(黄色)。
下面是一段文字。当我缩小页面时，小图片会下降到大图片下面。那很好。但是我希望文本在3张小图片旁边流动。相反，它跳到大图片旁边，绕着它流动，然后绕过3张小照片。如果我挤压屏幕，直到它的宽度，大灰色的图片，文字按照我希望它。
我读过很多帖子，但没有看到有帮助的。我真的很感激能在这方面提供一些帮助。
http://jsfiddle.net/dovesandchicks/LL93ggxa/
#content {
background-color: #FFFFFF;
margin: 0px;
padding: 10px;
overflow: auto;
}
.SmallPic {
float: none;
width: 150px;
height: 117px;
margin: 0px 10px 10px 0px;
background-color: #FFFF00;
}
.SmallPicBlock {
float: left;
width: 150px;
height: 390px;
}
.BigPic {
float: left;
background-color: #CCCCCC;
width: 520px;
height: 371px;
}
.TextBlock {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
min-width: 220px;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2014-08-18 16:20:35
添加
.TextBlock {
overflow: hidden;
}享受:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25367653
复制相关文章
相似问题
腾讯云开发者
