Css IE7-尝试在按钮标签中放置两个相邻的div
我正在尝试在按钮标记中设置2个div的样式（1个div包含图标，另一个div包含描述性文本，请注意，我无法更改html标记）。Css IE7-尝试在按钮标签中放置两个相邻的div,css,html,button,internet-explorer-7,Css,Html,Button,Internet Explorer 7,我正在尝试在按钮标记中设置2个div的样式（1个div包含图标，另一个div包含描述性文本，请注意，我无法更改html标记）。 在IE7中，div中的两个div并排放置，而按钮标签中的相同两个div位于另一个下方。 是否有一些特定的按钮标签，以安排潜水1低于对方，它可以被任何IE7黑客或css技巧覆盖 <!DOCTYPE html> <html> <head> <style> button { dis
在IE7中，div中的两个div并排放置，而按钮标签中的相同两个div位于另一个下方。
是否有一些特定的按钮标签，以安排潜水1低于对方，它可以被任何IE7黑客或css技巧覆盖
<!DOCTYPE html>
<html>
<head>
<style>
button {
display:block;
float:left;
clear:none;
}
.div1 {
border:1px solid red;float:left;
}
.div2 {
border:1px solid red;float:left;
}
.div3 {
border:1px solid cyan;float:left;
}
</style>
</head>
<body>
<button><div class="div1">div1</div><div class="div2">div2</div></button>
<div class="div3"><div class="div1">div1</div><div class="div2">div2</div></div>
</body>
</html>
钮扣{
显示：块；
浮动：左；
明确：无；
}
.1分部{
边框：1px实心红色；浮动：左侧；
}
.第2分部{
边框：1px实心红色；浮动：左侧；
}
.第3分部{
边框：1px纯青色；浮动：左侧；
}
第1部分第2部分
第1部分第2部分
button {
float:left;
clear:none;
width:80px;
}
.div1 {
border:1px solid red;float:left;
}
.div2 {
border:1px solid red;float:left;
}
.div3 {
border:1px solid cyan;float:left;
}
如果你不想给按钮一个宽度，这是我能来的最接近的
<!DOCTYPE html>
<html>
<head>
<style>
button {
/* no styles */
}
.div1 {
display:inline;
border:1px solid red;
}
.div2 {
display:inline;
border:1px solid red;
}
.div3 {
display:inline;
border:1px solid cyan;
}
</style>
</head>
<body>
<button><div class="div1">div1</div><div class="div2">div2</div></button>
<div class="div3"><div class="div1">div1</div><div class="div2">div2</div></div>
</body>
</html>
钮扣{
/*没有风格*/
}
.1分部{
显示：内联；
边框：1px纯红；
}
.第2分部{
显示：内联；
边框：1px纯红；
}
.第3分部{
显示：内联；
边框：1px固体青色；
}
第1部分第2部分
第1部分第2部分
现在这还远远不够理想，我可以看出这一点，但也许它会给你一些开始的东西。你试过了吗；？我知道问题出在哪里了，但我能想到的唯一一件事是给按钮一个明确的宽度，足够大，让div并排放置。这是一种选择吗？哦，您不需要显示：块，因为它已经是浮动的。请为元素指定宽度。因为您正在浮动元素，正如李斯特先生所说。固定宽度是可行的，谢谢，但是固定按钮的宽度可能并不理想，因为不同语言的描述性文本的长度可能不同，或者是否有其他方法可以解决此问题？谢谢李斯特先生。我的错误是，我没有在我的第一篇文章中提到，那些div不能内联，因为第一个div是图标（我使用的是背景图像），这将需要在其上设置宽度和高度，因此我不能走这条路线。