html设置文字向下的方法

这篇文章给大家分享的是有关html设置文字向下的方法的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

在江川等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站制作 网站设计制作按需制作网站,公司网站建设,企业网站建设,品牌网站制作,成都营销网站建设,外贸营销网站建设,江川网站建设费用合理。

html设置文字向下的方法：首先创建一个HTML示例文件；然后在body中定义一段文字内容；接着在父元素中设置css属性“position:relative”；最后在存放文字的子元素中设置css属性为“boottom:0”即可。

1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素要设置为position：relative。

因为绝对定位是相对于最近一个非static定位的元素的相对位置。 但是如果出现多个元素在同一父元素内 同时需要绝对定位移动位置，那么需要注意，如果直接这样做，会造成那些元素重叠，而不是与float一样的正常排布。

这是因为他们有相同的父元素，使用绝对定位之后就都会移动到父元素的左边，而不是还处在原来的位置。

为了解决这种情况，需要给那些需要移动位置的元素 嵌套一个父元素，让他们的父元素去定位，给他们的父元素设置relative，这样原先的父元素就变成了爷元素。

这样一来，再给他们设置完绝对定位加位置属性之后就不会出现重叠的效果，因为他们都是在父元素的限度内去移动，再跑也跑不出来。这样就又不重叠，又能贴近底部，但是需要注意。

新嵌套的父元素需要一个固定的高度，高度要高于内部元素。不然他的高度就是被内部元素撑开的。

示例：

#txt{ 
 
 height:300px;
 width:300px;
 border:1px solid #333333;
 text-align:center;
 position:relative 
 
}
#txt p{
 position:absolute;
 bottom:0px;
 padding:0px;
 margin:0px
}

 
 


文字靠下