Html 中央一号<；部门>；然后向右浮动

我要中间是1，右边是2。我能做什么？我有这个html

<div class="header">
  <div class="1"></div>
  <div class="2"></div>
</div>

像这样试试

html

---

这是提琴。

首先，我知道这只是示例，但不要将数字用作类（）的第一个字符

这就是我通常用来做的

<div id="block">
    <div id="right">Right</div>
    <div id="middle">Middle</div>
</div>

#middle {
    background-color: #494949;
    width: 200px;
    height: 120px;
    margin: 0 auto;
}

#right {
    background-color: #949494;
    width: 250px;
    height: 120px;
    float: right;
}

赖特
中间的
#中间的{
背景色：#494949；
宽度：200px；
高度：120px；
保证金：0自动；
}
#对{
背景色：#9494；
宽度：250px；
高度：120px；
浮动：对；
}

.

试试这个

1.）根据CSS更改HTML元素以获得所需结果

.div1{
显示：内联块；
宽度：200px；
高度：120px；
背景：红色；
浮动：对；
}
.第2分部{
显示：内联块；
宽度：250px；
高度：120px；
浮动：对；
背景：蓝色；
}

右侧第2分区
中区第一分区

试试这个 HTML:

---

你必须为一个block元素指定display:block吗？答：不，我想这是复制问题的css后留下的。Cleared无忧（只需输入更多字符以达到字符阈值）您可以检查小提琴并查看这是否是您试图实现的目标吗？如果没有，也许你可以做一个小屏幕截图？我正在工作的网站是告诉我它还不起作用：我不知道为什么，我看不出有什么问题，但小提琴不起作用。（显示在一行上，也就是说）@DylanB你是说即使在fiddle中，它也会显示在一行上？我正在工作的网站是告诉我关于它的信息fiddle将div放在不同的行上@kennyamaro该网站有一些问题，我相信你会解决的，但出于对良好用户体验的热爱，请获取一个较小的梨耳环图像，这是一个2mb文件，观看它加载是痛苦的。查看你在下面的评论中链接到的网站，你的HTML在某些地方被破坏了。例如，您有

标记，但没有共同响应的开始标记。通过HTML验证程序运行页面并修复明显的错误。出于布局的目的，最好还是去掉表格。伙计，我知道这个问题，但我需要修复标题。一个坏掉的HTML可能是你的问题。当您有随机的不匹配标记时，结果可能是随机的。对于有效的HTML，或者至少是未损坏的HTML，@index的答案应该适合您。

<div class="header">
  <div class="div1"></div>
  <div class="div2"></div>
</div>

.div1 
{
    display:block;
    background:#333;
    width:200px; 
    height:120px;
    margin:auto;
}
.div2 
{
    display:block; 
    background:red;
    width:250px; 
    height:120px;
    float:right;
}

<div id="block">
    <div id="right">Right</div>
    <div id="middle">Middle</div>
</div>

#middle {
    background-color: #494949;
    width: 200px;
    height: 120px;
    margin: 0 auto;
}

#right {
    background-color: #949494;
    width: 250px;
    height: 120px;
    float: right;
}

<div class="header">
  <div class="1"></div>
  <div class="2"></div>
</div>

[class='1'] {
display:inline-block; 
width:200px; 
height:120px;}
[class='2'] {
display:inline-block; 
width:250px; 
height:120px;
float:right;}