Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS clearfix浮动问题_Javascript_Html_Css - Fatal编程技术网

Javascript CSS clearfix浮动问题

Javascript CSS clearfix浮动问题,javascript,html,css,Javascript,Html,Css,我清除了已修复的父元素,但我不知道如何修复正在发生的此类问题,因为我从某个容器中扣除了lorem lpsum的长度,这是一个错位 @导入url(https://fonts.googleapis.com/css?family=Amaranth|Titillium+Web); html、正文、div、span、小程序、对象、iframe、, h1、h2、h3、h4、h5、h6、p、块报价、预, a、 缩写,首字母缩写,地址,大,引用,代码, del、dfn、em、img、ins、kbd、q、s、s

我清除了已修复的父元素,但我不知道如何修复正在发生的此类问题,因为我从某个容器中扣除了lorem lpsum的长度,这是一个错位

@导入url(https://fonts.googleapis.com/css?family=Amaranth|Titillium+Web);
html、正文、div、span、小程序、对象、iframe、,
h1、h2、h3、h4、h5、h6、p、块报价、预,
a、 缩写,首字母缩写,地址,大,引用,代码,
del、dfn、em、img、ins、kbd、q、s、samp、,
小、走向、强、次、辅助、tt、var、,
b、 u,i,中心,
dl,dt,dd,ol,ul,li,
字段集、表单、标签、图例、,
表格、标题、正文、tfoot、THAD、tr、th、td、,
文章、旁白、画布、细节、嵌入、,
图,figcaption,页脚,页眉,H组,
菜单、导航、输出、ruby、节、摘要、,
时间、标记、音频、视频{
保证金:0;
填充:0;
边界:0;
字体大小:100%;
字体:继承;
垂直对齐:基线;
}
/*旧浏览器的HTML5显示角色重置*/
文章,旁白,细节,图表,
页脚、页眉、H组、菜单、导航、节{
显示:块;
}
身体{
线高:1;
}
ol,ul{
列表样式:无;
}
区块报价,q{
报价:无;
}
blockquote:before,blockquote:after,
问:之前,问:之后{
内容:'';
内容:无;
}
桌子{
边界塌陷:塌陷;
边界间距:0;
}
身体{
宽度:100vw;
高度:100vh;
/*背景图像:url(../images/background.svg)*/
背景色:#1abc9c;
框大小:边框框;
}
::选择{
颜色:#e74c3c;
背景色:#ecf0f1;
}
.集装箱{
宽度:85vw;
高度:自动;
保证金:0自动;
}
.货柜头{
背景色:rgb(236240241);
}
.container header::after{
内容:“;
显示:块;
明确:两者皆有;
}
.集装箱总管h1{
浮动:左;
字体大小:3rem;
字体大小:4vw;
填充:1%1%;
字体系列:“苋菜红”,无衬线;
}
.container header.m_链接{
浮动:对;
填料:0.5vw;
}
.container header.m_link h4{
字体系列:“苋菜红”,无衬线;
字号:200;
颜色:#2c3e50;
字号:1rem;
字体大小:1vw;
}
.container header.m_链接h4:n子级(2){
文本对齐:右对齐;
}
.货柜组{
利润率最高:1vw;
填料:0.1vw;
}
.容器部分::之后{
显示:表格;
内容:“;
明确:两者皆有;
}
.货柜组.wcon{
宽度:19vw;
高度:自动;
边框:0.5vw实心#ecf0f1;
边界半径:1vw;
背景色:#ecf0f1;
浮动:左;
利润率:0.6vw 0.6vw 0.6vw;
填料:0.5vw 0;
}
.container节.wcon:悬停{
背景色:;
边框颜色:#2c3e50;
光标:指针;
}
.container节.wcon:之后{
明确:两者皆有;
显示:表格;
内容:“;
}
.container节.wcon.img_图标{
显示:块;
保证金:0自动;
宽度:18vw;
高度:自动;
}
.货柜组.西贡h3{
字体系列:“titilliumweb”,无衬线;
文本对齐:居中;
字体大小:1.5rem;
字体大小:2vw;
字号:500;
颜色:#2c3e50;
文本转换:大写;
填充:0.1vw 0;
}
.货柜组.wcon p{
文本对齐:对齐;
字体大小:0.8rem;
字体大小:1vw;
字体系列:“titilliumweb”,无衬线;
字号:100;
填充:0.2vw;
线高:1.3;
颜色:#34495e;
}
.集装箱部分.wcon p:之后{
内容:“阅读更多”;
}

项目
项目
项目名称
Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor。

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。不要把毛里斯和猫放在一起,坐在那里。Donec vitae nunc luctus,孕妇sapien at,commodo dolor。

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵

项目名称 Lorem ipsum dolor sit amet,是一位杰出的献身者。前置鼠,无排卵的动物,最前置的猫科动物,我的名字是nibh ac nisl。唐
<div class="clear"></div>
.clear {clear:both;}
<div class="clear2"></div>
.clear2 {clear:both; display:none;}

@media only screen and (max-width: 650px) {
    .container section .wcon {width:47%;} /*        
    .clear2 {display:block;}          
    }
$(document).ready(function() {
   var maxHeight = -1;

   $('.wcon').each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.wcon').each(function() {
     $(this).height(maxHeight);
   });
 });