文本溢出容器,应用.clearfix类但仍然没有预期的结果

时间:2016-05-24 10:59:33

标签: html css

It is a Writer website which I am making

第一张幻灯片中的文字溢出容器。我将.clearfix类应用于它。您可以访问diwakarpokhriyal.com查看网站。在调整浏览器大小时,您可以清楚地看到溢出。数字1,2,3也不是中心。请仔细研究一下。

3 个答案:

答案 0 :(得分:1)

我将使用overflow: scrolloverflow: auto,而不是使用clearfix类。这将隐藏任何超过div的内容并允许用户滚动。

请参阅:http://www.w3schools.com/cssref/pr_pos_overflow.asp

答案 1 :(得分:0)

div#Slide1移除填充左侧和width 对于EX。

div#Slide1 {
    /* padding-left: 6.8%; */
    padding-top: 5%;
    /* width: 93.2%; */
}

将解决您的问题,无需clearfix

答案 2 :(得分:0)

我刚刚添加了overflow:hidden,它正在运行。检查附加图像。

enter image description here