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

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

正在回答

8 回答

你大概指的是，為什么邊框只有一條線，這是因為本來父元素就沒有撐開高度， ?.demo01 .left與.demo01 .right，已經設置了浮動， 浮動元素會脫離正常流，即好像從流中刪除了，完全不占據空間，所以父元素也就沒有高度了。

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

額，我沒改里面的東西。只是將body標簽補充完整。然后就沒了

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

qq_新爺_0 提問者

我代碼里邊沒錯，只是沒高
2017-09-18 回復 有任何疑惑可以回復我~
#2

慕UI3572425 回復 qq_新爺_0 提問者

額，截一下圖
2017-09-18 回復 有任何疑惑可以回復我~
#3

qq_新爺_0 提問者

只有上邊有一條紅色的線
2017-09-18 回復 有任何疑惑可以回復我~
#4

慕UI3572425 回復 qq_新爺_0 提問者

代碼和運行效果都截一下
2017-09-18 回復 有任何疑惑可以回復我~
#5

慕UI3572425 回復 qq_新爺_0 提問者

截圖看一下
2017-09-18 回復 有任何疑惑可以回復我~
查看2條回復

自己看去

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

qq_新爺_0 提問者

你改了哪里
2017-09-18 回復 有任何疑惑可以回復我~
#2

qq_新爺_0 提問者

我看不出來
2017-09-18 回復 有任何疑惑可以回復我~

<html>

<head>

<style>

? ? ?*{

? ? ? ? margin: 0;

? ? ? ? padding:0;

? ? ?}

? .demo01{

? ? ?width: 600px;

? ? ?position: relative;

? ? ?margin-top:20px;

? ? ?margin-left:20px;

? ? ?border: 1px solid red;


? }

? .demo01 .left{

? ? ?width: 100px;

? ? ?float: left;

? ? ?/*overflow: hidden;*/

? }

? .demo01 .left img{

? ? ?width: 100px;

? }

? .demo01 .right{?

? ? ?width: 450px;

? ? ?float: right;

? ? ?border: 1px solid #ccc;

? ? ?background: #9cf;

? ? ?padding: 20px;

? }

? .demo01 .right p{

? ? ?font-size: 15px;

? ? ?line-height: 15px;

? }

? .demo01 .right span{

? ? ?position: absolute;

? ? ?right: 20px;

? ? ?top: 10px;

? ? ?font-size: 12px;

? }


? </style>

</head>

<body>

? <div class="demo01">

? <div class="left"><img src="../images/images_11.gif" alt=""> </div>

? <div class="right">

? ? ?<h6>櫻桃小丸子</h6>

? ? ?<span>10分鐘之前</span>

? <p>圍毆歐文參考下決定歐瑞我去，今天終于上了，學了html和css好開心</p>

? </div>

? </div>

</body>

</html>

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

http://img1.sycdn.imooc.com//59bf7d790001da2206680286.jpg

http://img1.sycdn.imooc.com//59bf7e1e000195d807600270.jpg

最后說一句 你能把你代碼多檢查幾遍嗎？

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

<style>
? ? ?*{
? ? ? ? margin: 0;
? ? ? ? padding:0;
? ? ?}
? .demo01{
? ? ?width: 600px;
? ? ?position: relative;
? ? ?margin-top:20px;
? ? ?margin-left:20px;
? ? ?border: 1px solid red;

? }
? .demo01 .left{
? ? ?width: 100px;
? ? ?float: left;
? ? ?/*overflow: hidden;*/
? }
? .demo01 .left img{
? ? ?width: 100px;
? }
? .demo01 .right{
? ? ?width: 450px;
? ? ?float: right;
? ? ?border: 1px solid #ccc;
? ? ?background: #9cf;
? ? ?padding: 20px;
? }
? .demo01 .right p{
? ? ?font-size: 15px;
? ? ?line-height: 15px;
? }
? .demo01 .right span{
? ? ?position: absolute;
? ? ?right: 20px;
? ? ?top: 10px;
? ? ?font-size: 12px;
? }

? </style>
</head>
<body>
? <div class="demo01">
? <div class="left"><img src="../images/images_11.gif" alt=""> </div>
? <div class="right">
? ? ?<h6>櫻桃小丸子</h6>
? ? ?<span>10分鐘之前</span>
? <p>圍毆歐文參考下決定歐瑞我去，今天終于上了，學了html和css好開心</p>
? </div>
? </div>

body

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

發一下代碼，

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

額，你確定你有寫嗎？？

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

qq_新爺_0 提問者

我不是讓里面的盒子撐開嗎，它不會自動計算height嗎？
2017-09-18 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁簡單布局之結構與表現原則
  • 參與學習       108290    人
  • 解答問題       395    個

入門必殺技之結構與表現相分離，課程會有3個案例，不同角度講解

進入課程

盒子模型問題

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

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

 幫助反饋 APP下載

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

 公眾號

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