Html 向左浮动不起作用
我想在我的wordpress小部件中放一个html代码,在我的页面顶部显示一些东西,下面是代码,但最后一个浮点数是我想放在按钮左边的电话号码,它已经在右边了,只是工作不好,它会停留在按钮旁边,如果你能帮我找出问题所在和原因,我将不胜感激 多谢各位Html 向左浮动不起作用,html,css,css-float,Html,Css,Css Float,我想在我的wordpress小部件中放一个html代码,在我的页面顶部显示一些东西,下面是代码,但最后一个浮点数是我想放在按钮左边的电话号码,它已经在右边了,只是工作不好,它会停留在按钮旁边,如果你能帮我找出问题所在和原因,我将不胜感激 多谢各位 第ul节{ 列表样式类型:无; 保证金:0; 填充:0; 溢出:隐藏; 背景色:白色; } 第二节{ 浮动:对; 右边框:5px实心; 边框颜色:白色; } 第二节:最后一个孩子{ 边界权:无; } 第李p节{ 显示:块; 颜色:黑色; 文本对齐:居
第ul节{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:白色;
}
第二节{
浮动:对;
右边框:5px实心;
边框颜色:白色;
}
第二节:最后一个孩子{
边界权:无;
}
第李p节{
显示:块;
颜色:黑色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
节.按钮{
显示:内联块;
边界半径:10px;
背景色:#955251;
边界:无;
颜色:#FFFFFF;
文本对齐:居中;
字体大小:16px;
宽度:120px;
高度:45px;
过渡:均为0.5s;
光标:指针;
保证金:5px;
对齐项目:居中;
}
节.按钮跨度{
光标:指针;
显示:内联块;
位置:相对位置;
过渡:0.5s;
}
节。按钮跨度:后{
内容:'\00bb';
位置:绝对位置;
不透明度:0;
排名:0;
右:-20px;
过渡:0.5s;
}
ultopnav a部分:链接:激活,
a:已访问:活动{
颜色:白色;
文字装饰:无;
光标:自动;
}
ultopnav a部分:链接{
文字装饰:无;
颜色:白色;
}
ultopnav a部分:已访问{
文字装饰:无;
颜色:白色;
}
.ultopnav.左{
颜色:黑色;
字体大小:14px;
}
-
-
问题是您使用浮动:左用于问题是您使用浮动:左用于您试图在中浮动
左,而实际上应该将左浮动,如下所示:
第ul节{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:白色;
}
第二节{
浮动:对;
右边框:5px实心;
边框颜色:白色;
}
第二节:最后一个孩子{
边界权:无;
}
第李p节{
显示:块;
颜色:黑色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
节.按钮{
显示:内联块;
边界半径:10px;
背景色:#955251;
边界:无;
颜色:#FFFFFF;
文本对齐:居中;
字体大小:16px;
宽度:120px;
高度:45px;
过渡:均为0.5s;
光标:指针;
保证金:5px;
对齐项目:居中;
}
节.按钮跨度{
光标:指针;
显示:内联块;
位置:相对位置;
过渡:0.5s;
}
节。按钮跨度:后{
内容:'\00bb';
位置:绝对位置;
不透明度:0;
排名:0;
右:-20px;
过渡:0.5s;
}
section.ultopnav a:链接:活动,a:已访问:活动{
颜色:白色;
文字装饰:无;
光标:自动;
}
ultopnav a部分:链接{
文字装饰:无;
颜色:白色;
}
ultopnav a部分:已访问{
文字装饰:无;
颜色:白色;
}
.ultopnav.左{
颜色:黑色;
字体大小:14px;
}
-
-
-
77863967-021:77267261-021
您试图在中向左浮动,而实际上应该向左浮动,如下所示:
第ul节{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:白色;
}
第二节{
浮动:对;
右边框:5px实心;
边框颜色:白色;
}
第二节:最后一个孩子{
边界权:无;
}
第李p节{
显示:块;
颜色:黑色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
节.按钮{
显示:内联块;
边界半径:10px;
背景色:#955251;
边界:无;
颜色:#FFFFFF;
文本对齐:居中;
字体大小:16px;
宽度:120px;
高度:45px;
过渡:均为0.5s;
光标:指针;
保证金:5px;
对齐项目:居中;
}
节.按钮跨度{
光标:指针;
显示:内联块;
位置:相对位置;
过渡:0.5s;
}
节。按钮跨度:后{
内容:'\00bb';
位置:绝对位置;
不透明度:0;
排名:0;
右:-20px;
过渡:0.5s;
}
section.ultopnav a:链接:活动,a:已访问:活动{
颜色:白色;
文字装饰:无;
光标:自动;
}
ultopnav a部分:链接{
文字装饰:无;
颜色:白色;
}
ultopnav a部分:已访问{
文字装饰:无;
颜色:白色;
}
.ultopnav.左{
颜色:黑色;
字体大小:14px;
}
-
-
-
77863967-021:77267261-021
试试这个:
section li:last-child {
border-right: none;
float: left;
}
试试这个:
section li:last-child {
border-right: none;
float: left;
}