對於div盒子的一些困惑解答

2021-10-23 18:15:38 字數 1327 閱讀 8194

對於div盒子,此處我主要講兩個方面,乙個是關於盒子position定位的問題,另乙個是關於盒子自身大小以及距離變化的問題。

**如下:

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

*body

#box-father1

#box-son1

/*此處的box-son1和box-son2的定位都是針對於處於同一父物件之中而言,自然了,position:absolute即使脫離文件流,那麼定位也還是得相對於所處的父物件進行定位*/

#box-son2

#box-father2

#box1,#box2,#box3

/*始終需要注意的是div本就是乙個盒子,padding還有border只不過是div盒子自身的乙個屬性,因而使用了padding亦或是border之後,

div盒子看似位移了,實則是原本的div盒子變成了content,整個div盒子則會隨著padding和border的增加而變大,所占用的空間自然就變大了,

因此最開始設定的盒子寬高都將加上後面設定的margin和padding的長度,這裡為了解決盒子寬高變化問題,得使用box-sizing:border-box,此時

盒子設定的padding和border都是以原盒子長寬進行操作,此處需注意,margin不參與。

因而,使用top亦或是left都只是針對於div這個盒子本身進行位移,且只能是配合position進行移動*/

style

>

head

>

>

"box-father1"

>

"box-son1"

>

div>

"box-son2"

>

div>

div>

"box-father2"

>

div>

"box1"

>

div>

"box2"

>

div>

"box3"

>

div>

body

>

html

>

使用james的一些困惑

自己搭建的james伺服器,一切皆如普善園的博文 在本機上接受,傳送一切正常。測試程式是用的spring對mail的支援 import org.springframework.mail.public class testmail localhost true 25000 jkfzero jkfzer...

學習Lua的一些困惑

學習lua的一些困惑 下面是我寫的 myclass function myclass.myf respath print respath的型別是 type respath n m id 這是乙個例項 print m id的型別是 type m id n endfunction game main r...

spi一些疑問的解答

在spidev.c有read write 以及spidev message函式.分別實現半雙工和全雙工的功能.不過最後呼叫的都是spi控制器驅動的transfer函式.例如,atmel spi transfer drivers spi atmel spi.c 那麼驅動如何判斷應用程式要讀還是寫呢?簡...