如果html中有四个盒子用css表示最里面的那个盒子如何表示？

首先你这个问题问得不够准确，你说html中有四个盒子，但是你没有说明盒子的关系，它们是嵌套的？并列的？

如果是一个一个的嵌套的，例如

<div class="box"

<div>

<div>

<div class="box-content">最里层</div>

</div>

</div>

</div>

像这样的最里面的获取方法有很多种：可以直接给一个类名

.box-content{ text-align:center}

或者通过最外层利用父子关系来选择到他，如：

.box>div>div>div{text-align:center}

或者：.box>div>div>.box-content {text-align:center}

或者：.box .box-content {text-align:center}

方法有很多，其他得你自己研究一下吧

CSS 有三种基本的定位机制：普通流、浮动和绝对定位。

除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。

块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。

行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框（Line Box），行框的高度总是足以容纳它包含的所有行内框。不过，设置行高可以增加这个框的高度。

position:属性值

属性值有 种： absolute | fixed | relative | static | inherit

值 描述

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative 生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

inherit 规定应该从父元素继承 position 属性的值。

---