Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.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
Css <;部门>;元素落在边界之外_Css - Fatal编程技术网

Css <;部门>;元素落在边界之外

Css <;部门>;元素落在边界之外,css,Css,我试图在Test1-Test4周围画一条黑色边框,以便在Test5周围画一条黑色边框。目前,Test5处于外部。有人知道如何绘制它来包含Test5 。说明{ 边框:1px实心; } .descriptionTop{ 显示:内联块; } ao先生{ 填充物:5px; 字号:700; 文本转换:大写; } .公共关系{ 文本对齐:右对齐; 浮动:对; } 下午三时{ 边框:实心1px#53a318; 边界半径:3px; 颜色:#53a318; 框大小:边框框; 字体大小:12px; 浮动:对; 填

我试图在
Test1
-
Test4
周围画一条黑色边框,以便在
Test5
周围画一条黑色边框。目前,
Test5
处于外部。有人知道如何绘制它来包含
Test5

。说明{
边框:1px实心;
}
.descriptionTop{
显示:内联块;
}
ao先生{
填充物:5px;
字号:700;
文本转换:大写;
}
.公共关系{
文本对齐:右对齐;
浮动:对;
}
下午三时{
边框:实心1px#53a318;
边界半径:3px;
颜色:#53a318;
框大小:边框框;
字体大小:12px;
浮动:对;
填充:2px8px;
}

测试1
测试2
测试3
测试4
测试5

添加
溢出:自动到容器以包括浮动元素:

。说明{
边框:1px实心;
溢出:自动;
}
.descriptionTop{
显示:内联块;
}
奥特沃夫先生{
填充物:5px;
字号:700;
文本转换:大写;
}
.价格{
文本对齐:右对齐;
浮动:对;
}
.晋升{
边框:实心1px#53a318;
边界半径:3px;
颜色:#53a318;
框大小:边框框;
字体大小:12px;
浮动:对;
填充:2px8px;
}

测试1
测试2
测试3
测试4
测试5

添加
溢出:自动到容器以包括浮动元素:

。说明{
边框:1px实心;
溢出:自动;
}
.descriptionTop{
显示:内联块;
}
奥特沃夫先生{
填充物:5px;
字号:700;
文本转换:大写;
}
.价格{
文本对齐:右对齐;
浮动:对;
}
.晋升{
边框:实心1px#53a318;
边界半径:3px;
颜色:#53a318;
框大小:边框框;
字体大小:12px;
浮动:对;
填充:2px8px;
}

测试1
测试2
测试3
测试4
测试5

这是因为
.prices
具有
浮动

将以下内容添加到css(著名的clearfix类的
css
)-

。说明{
边框:1px实心;
}
.说明:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.descriptionTop{
显示:内联块;
}
ao先生{
填充物:5px;
字号:700;
文本转换:大写;
}
.公共关系{
文本对齐:右对齐;
浮动:对;
}
下午三时{
边框:实心1px#53a318;
边界半径:3px;
颜色:#53a318;
框大小:边框框;
字体大小:12px;
浮动:对;
填充:2px8px;
}

测试1
测试2
测试3
测试4
测试5

这是因为
.prices
具有
浮动

将以下内容添加到css(著名的clearfix类的
css
)-

。说明{
边框:1px实心;
}
.说明:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.descriptionTop{
显示:内联块;
}
ao先生{
填充物:5px;
字号:700;
文本转换:大写;
}
.公共关系{
文本对齐:右对齐;
浮动:对;
}
下午三时{
边框:实心1px#53a318;
边界半径:3px;
颜色:#53a318;
框大小:边框框;
字体大小:12px;
浮动:对;
填充:2px8px;
}

测试1
测试2
测试3
测试4
测试5
.description:after {
    content: "";
    display: table;
    clear: both;
}