html - Divs 在 IE 和 Firefox 中不合适

Question

在一项学校作业中，我需要为一家企业重新设计一个网站。

我以前只接触过 css/html，这是我第一次为一个完整的网站编写它。

我面临的问题是 3 个 div 在 google chrome 中的定位是正确的，但在 IE 和 firefox 中，div 的定位不正确。

http://letsmine.info/mnpctech/index.html它们是菜单栏右侧的 Twitter、Facebook 和结帐符号。

因为这是我第一次编写 CSS 和 HTML，我认为这是一个愚蠢的错误，我希望你能指导我朝着正确的方向前进。

同样在商店页面上，我需要用图片和名称来布置产品，就像它们在这里一样 http://www.mnpctech.com/MnpctechBilletFanGrill.html .我应该创建一个表格并将图像和标题放在那里吗？只是在寻求一些建议。

Answer 1

您需要将以下属性添加到#checkout、#facebook 和#twitter:

display: inline-block;
float: right;

并从每个属性中删除以下属性:

position: relative;
left: 980px;
top: -49px;

该页面随后应在所有浏览器中正确显示。

确保你使用 float 并了解“显示”属性的定位方式，我总是尽量远离相对定位，因为它有点不可靠。