1. 关于块级元素的四个属性left right top bottom的问题
您好 这四个属性是定位属性，当然是要和定位结合起来才能使用了，定位属性position值有以下几种
值描述
1、absolute生成绝对定位的元素，相对于static定位以祥掘外的第一个父元素进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。
2、fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性禅旁进行规定。
3、relative生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20"会向元素的LEFT位置添加20像素。
4、static默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。
5、inherit规定应该从父元素继承position属性的值。
希谨袭核望我的回答能帮到您
2. div里的元素分别靠左靠右居中如何实现
1、被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center来实现的。
3. 编写CSS使p元素呈现于图片的右下角
可以考虑用绝陵物毕对定位，把p标签定位到图片右下角，css代码如下：蚂芦
.wrapper { position: relative;}
.wrapper p { position: absolute; right: 0; bottom: 0;}
这一段css要看图片是否完全占据“wrapper"这个div里了，如果不是，就可修改 .wrapper p {} 里面的right和bottom的属性值来精确定尺芹位到图片右下角了~~
4. html5如何使三段文字在左，三张图片的右边
首先写三个div块级元素作为父级元素，然后每个父级元素中写两个子级元素，宽度自定义，左边的元素写入文字，右边的元素添加图片，然后可以让两个子元素是行内块元素display: inline-block，也可以让两个子元素浮动，然后父元素清浮动，方法有很多。
5. 三个块级元素怎么用bootstrap排列，排列成如图所示的样子
你把左边两个和右边一启旅个分成两个悄李凳div,设置左边大的div的css float:left 右边的为float:right
此时效扰散果是这样
6. 一个DIV里，一边靠左，一边靠右，怎么实现
通过定位实现：position.
定义和用法：position 属性规定元素的定位类型。
说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不棚盯过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
具体实现步骤如下：
1、设计一个html页面，一个标签元素div或者ul里，放入多行数据。
左右均实现了分别对齐。
扩信和前展资料：
定位的值完整解析：
1、absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
2、fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
3、relative
生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
4、static 默认值。没滑清有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
5、inherit 规定应该从父元素继承 position 属性的值。
7. 怎样把图片放在div里
方法：
这个用绝对定位就可以搞定了。
position:absolute;
举个例子：
1.css代码
.div1{height:30px;width:100%;background:#fff;position:relative;z-index:1;}
.div2{height:30px;width:100%;background:#f00;position:absolute;top:0px;left:0;z-index:2;}
2.html代码
<divclass="div1"><divclass="div2"></div></div>
这样子div2就能完全覆盖在div1上了。
拓展资料：
DIV（层叠样式表单元的位置和层次）
DIV是层叠样式表中的定位技术，全称DIVision，即滑镇伏为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元信携素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
一、定义
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。
提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。
二、用法
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际旅嫌上，换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。
网络 DIV
8. HTML中如何让左侧是一列是文字，右侧放一张图片呢
选择使用非块级元素(行内块或者行内元素)就者羡雹行了，派运或者将块级元素设置为非块级元素即可（即display：line-block;或者display:line;）。这里给你个示范：
拓展：块首帆级元素，行内块元素，行内元素的区别
9. dreamweaver中的块级元素浮动问题
这个我估计是你的img问题，你设置了右对扒陵齐，可能是浮动了，脱离了文档流，p已经没办法包陪冲裹img了，导致了高芦此歼度塌陷，而你在p设定浮动了，说明所有的p元素都浮动状态，然后你在去设定向下15px，是两个p元素之间的间隔自然img也会间隔的，当然是可以单独对img做css设置的也有效果啊，只要一个marin-bottom或者padding-bottom就可以了
10. 在制作网页时，块级元素和行内元素分别有哪些
1、块级元素
（1）可变元素可根据上下文语境决定该元素为块元素或者内联元素。