Css 具有多行的HTML标题

Css 具有多行的HTML标题,css,html,styles,Css,Html,Styles,我想为一个网站创建一个标题,看起来像上图中的那个 Div1位于左上方,具有固定大小(它是一个徽标) Div2和Div3位于Div1的右侧 第4部分为中间右侧(也可为右上方) 这样的布局在div中是否可行?我应该改用表吗?这里我创建了一个仅使用div的示例 #bigbox{ 宽度:1024px; 高度:150像素; 背景色:红色; } #大盒子分区{ 浮动:左; } #标识箱{ 高度:150像素; 宽度:150px; 背景颜色:蓝色; } #专栏2{ 高度:150像素; 宽度:550px;

我想为一个网站创建一个标题,看起来像上图中的那个

  • Div1位于左上方,具有固定大小(它是一个徽标)
  • Div2和Div3位于Div1的右侧
  • 第4部分为中间右侧(也可为右上方)

这样的布局在div中是否可行?我应该改用表吗?

这里我创建了一个仅使用div的示例

#bigbox{
宽度:1024px;
高度:150像素;
背景色:红色;
}
#大盒子分区{
浮动:左;
}
#标识箱{
高度:150像素;
宽度:150px;
背景颜色:蓝色;
}
#专栏2{
高度:150像素;
宽度:550px;
背景颜色:绿色;
}
.行{
身高:50%;
宽度:550px;
背景色:黑色;
颜色:白色;
}
#右内容{
浮子:对!很重要;
背景颜色:黄色;
身高:100%;
宽度:200px;
}

1.
2.

使用引导,我们可以实现以下目标:

<div class="row">
  <div class="col-sm-2">a</div>
  <div class="col-sm-8">
    <div class="row">
      <div class="col-sm-12">c</div>
    </div>
    <div class="row">
      <div class="col-sm-12">d</div>
    </div>
  </div>
  <div class="col-sm-2">b</div>
</div>

A.
C
D
B

您的图像不清晰,请上传更好的图像。是的,任何类型的布局都可以使用
divs
和CSS。您不应该使用表格,因为这不是表格数据。您应该尝试使用
divs
,然后在HTML和CSS不起作用时发布它们,以便人们能够提供帮助。