亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

可以問下為什么是這樣子的順序么?

.box1{

height: 20px;background:red;float: left;font: 18px blue;

}

.box2{

height: 20px; background:blue;float: right;font: 18px red;

}

.box3{

height: 20px;margin:0 auto;background:navy;font: 20px black;text-align: center;

}

<div class="box1">fire a fire</div>

<div class="box2">over</div>

<div class="box3">world</div>

http://img1.sycdn.imooc.com//580a296300019c9f13090034.jpg

正在回答

7 回答

為什么我按你上面的代碼弄是在一行呢?我不知道你到底哪出問題了?看看你的 css哪出問題了?

0 回復 有任何疑惑可以回復我~
#1

蝶夢疏妄 提問者

額!讓我靜靜
2016-10-25 回復 有任何疑惑可以回復我~
#2

蝶夢疏妄 提問者

我好像懂了,是因為不帶float的會自動擴充
2016-10-26 回復 有任何疑惑可以回復我~

總問我原因,不給代碼,我咋知道哪出了問題?你最上面的代碼就是你上面最開始的結果。至于你后來出現不在同一行的效果,我按照你原來的代碼加個margin-top:-20px;就在一行了。至于你的問題我真不知道。

0 回復 有任何疑惑可以回復我~
#1

蝶夢疏妄 提問者

額!你運行一下,會發現一個是在一條線上面的,然后將box2和box3的內容換一下就會發現那不是在同一條線上面了,哪里沒有給代碼了?開頭那不就是代碼么?
2016-10-26 回復 有任何疑惑可以回復我~

margin-top:-20px;不好意思,上面的寫錯了。你把這弄上去看看是不是你要的。

0 回復 有任何疑惑可以回復我~
#1

蝶夢疏妄 提問者

結果不行,另外我問的是原因
2016-10-25 回復 有任何疑惑可以回復我~

你把.box3{margin-top=-20px;}加在對應的位置上就好了。

0 回復 有任何疑惑可以回復我~

有點不明白你的意思,我不知道你到底想要什么樣的效果?你把你想要的效果講下,我看我是否可以幫到你。還有div是塊級元素,你怎么可以用text-align: center;?這只可以讓你div中的文本居中的,而你的div不可以居中。

0 回復 有任何疑惑可以回復我~
#1

蝶夢疏妄 提問者

額!text-align:center就是為了文本居中,不居中太難看,另外 我想知道的是 <div class="box1">fire a fire</div> <div class="box2">over</div> <div class="box3">world</div> 這樣子為什么顯示出來的樣子會變得一上一下
2016-10-23 回復 有任何疑惑可以回復我~

1,老師,不是講了嗎?有浮動和絕對定位是不可以自動居中的。

2,margin:0 auto 整個body的居中。而text-align: center;是文本的居中

3,background:navy;?這是什么意思?

0 回復 有任何疑惑可以回復我~
#1

蝶夢疏妄 提問者

navy是顏色,另外,<div class="box1">fire a fire</div> <div class="box2">over</div> <div class="box3">world</div> 把bax2和box3順序換一下,你再看看
2016-10-22 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

可以問下為什么是這樣子的順序么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號