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;
}