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）可變元素可根據上下文語境決定該元素為塊元素或者內聯元素。