css - float 和 float 内的填充问题

标签 css css-float padding

我基本上是在尝试在一个 float 内部做一个 float ,但我遇到了一个问题。在这个页面上:

http://jumpthru.net/newsite/team/

我希望文本与图片对齐,我能够做到的唯一方法是在 .bioinfo 上使用负边距

这是CSS:

#leftcol{
float:left;
width:440px;
}

.biopic {
width: 100px;
}

.bioinfo {
padding-left: 120px;
}

到目前为止,我只在 Firefox 中进行了测试,跨浏览器测试仍在进行中!

谢谢, 梅根

最佳答案

删除以下属性:

.bioinfo { display: inline-block; }

在 h2 的 style.css(第 24 行)中有一个全局属性 clear both。

我会删除清除两者。

关于css - float 和 float 内的填充问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6145054/

相关文章:

html - 当有一些其他内容 float 时,如何让 html 表格单元格中的内容居中?

position - 如何为 <span> 中的第一个字母制作边框半径并对齐它

html - dom 对象加载困惑/错位,然后在满载时正确设置

javascript - 仅在页面大小更改时重新加载网页

Css改变流体图像的纵横比

css - 右浮动顶部水平对齐

jquery - 动画 GIF 在 IE 中停止但在 FF 和 Chrome 中工作

css - 如何停止 float :left div from being covered up by following div?

c - 在 gcc 中如何用前导 0 填充数字字符串?

c# - 在 Xamarin C# 中向 MKMapView 的边缘添加填充