css 标题布局宽度 3 div

Question

我正在尝试创建一个包含 3 个 div 的标题:一个左对齐，一个右对齐，另一个居中。

页面例如1200px黑色、红色和黄色矩形是 960px 并且在页面居中。黑色矩形中的元素添加到左侧，黄色矩形中的元素添加到右侧，并且红色 tectangle 中的元素居中。

这是一个很好的网站标题的一般案例研究

Answer 1

这将解决您的问题

<div class="header" style="width:1200px;">
<div style="width:40%;float:left;" class='black-one'>
    <div style='float:left;'>Some content</div>
    <div style="clear:both"></div>
</div>
<div style="width:20%;float:left;" class='red-one'>
    <div style="margin:10px auto;text-align:center">Some content</div>
    <div style="clear:both"></div>
</div>
<div style="width:40%;float:left;" class='yellow-one'>
<div style='float:right;text-align:right;'>Some content</div>
        <div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>