Question

请访问此链接http://newtrendzonline.com/boards/

在底部，您可以看到“水平滚动条”。我想删除那个“滚动条”。

请帮我找到解决方案。

提前感谢。

Answer 1

你有很多问题。主要的是从这一行开始：

<div><p style="position: relative; left: 550px; font-size: 30px; top: 50px; color: blue;"><span style="font-size: xx-large;"><span style="color: #330099;"><strong>Ph: 0800 844 866 &nbsp; &nbsp; &nbsp;&nbsp;</strong></span> <a style="background-color: orange; color: white; padding: 8px; position: relative; left: 100px; top: 0px; font-size: 22px;" href="http://boards.newtrendzonline.com/index.php/contacts/"> Email Us</a>&nbsp; &nbsp;</span></p></div>
        <div class="clear"></div>

遗憾的是，如果不改变所有HTML而只改变CSS，那么没有真正的方法可以修复它。但这是你需要做的：

1）请摆脱内联样式。为元素指定一个类名，以便您可以操作它们。

2）给一个开始div的课程

3）将p style[...]替换为<div class="your_class">

4）现在将div中的所有内容移到div内，＃header; bottom-bottom-content＆＃34;。在您的徽标

之后添加它

5）现在你可以根据你的需要玩那个div了。一种可能性是：

.header-bottom-content{display:block;}
.logo{display:inline-block;}
.your-class{display:inline-block; float:right}
.link-bottom:clear:both; float:none}

有很多方法可以做到这一点，重要的是修复HTML并尽可能避免内联样式

删除magento站点底部的水平滚动条

1 个答案: