對不起,這個問題是alreasy回答...如何把2個div放在一起?
-2
A
回答
0
你是非常接近我會如何做到這一點。切換rightDiv和leftDiv並leftDiv只是右側的52px保證金,而不是浮動:
.container{
width: 85%;
background-color: yellow;
border: 1px solid red;
}
.leftDiv{
margin-right: 52px;
background-color: green;
border: 1px solid black;
}
.rightDiv{
width: 50px;
height: 50px;
background-color: blue;
border: 1px solid black;
float: right;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
<div class="rightDiv"></div>
<div class="leftDiv">
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
</div>
</div>
</body>
</html>
+0
這是52px,因爲您的浮動區域寬度爲50px,周圍有1px的邊框(添加2px)。如果沒有它是52px,並且只有50px,則右側div的左側2px將與左側div重疊。是的,如果您刪除了右側div的邊框,則只需使用50px。 –
0
使用的CLAC()方法.rightDiv{ width: calc(100% - 54px);}
<!DOCTYPE html>
<html>
<head>
<style>
.container{
width: 85%;
background-color: yellow;
border: 1px solid red;
}
.leftDiv{
width: calc(100% - 54px);
background-color: green;
border: 1px solid black;
float: left;
}
.rightDiv{
width: 50px;
height: 50px;
background-color: blue;
border: 1px solid black;
float: left;
}
</style>
</head>
<body>
<div class="container">
<div class="leftDiv">
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
Long text... Long text... Long text... Long text... Long text...
</div>
<div class="rightDiv"></div>
</div>
</body>
</html>
相關問題
- 1. 不能把兩個div放在一起
- 2. 把2個節目放在一起
- 3. 把2個div與圖像和文字並排放在一起
- 4. 我該如何把這兩個div放在一起呢?
- 5. 把three.js放在div 2中
- 6. 把div放在另一個div上面
- 7. 如何把2個變量一起
- 8. 如何將兩個div放在一起?
- 9. 如何把一個div放在左邊,兩個div放在它的右邊
- 10. Bootstrap如何把2個div放在裏面?
- 11. 如何將2個iframe放在一起?
- 12. 如何把EditText和Button放在一起?
- 13. 如何把Ints放在一起
- 14. 把一個div放在googlemap之上?
- 15. 把內容放在一個div類內
- 16. 如何把2個不同的遷移在同一個div?
- 17. 把2個FLV電影放在一起FFmpeg
- 18. 你如何把三個div並排放在一起然後居中?
- 19. 如何把透明背景的另一個Div放在一個Div?
- 20. 把兩個變量放在一起
- 21. 如何把三個div與css放在同一行?
- 22. 如何把6個div放在同一行?
- 23. 如何把容器放在另一個div上
- 24. 如何把一個div放在html之前?
- 25. 我如何把3 div並排放在每一箇中心
- 26. 把一個div放在兩個垂直div旁邊
- 27. 把兩個DIV放在另一個DIV旁邊
- 28. 把一個div放在另一個div上,讓div停留在底部
- 29. 如何把兩個查詢放在一起?
- 30. 如何把DIV放在FRAMESET上?
你的數學不是很有意義。更重要的是,左div佔寬度的85%,或其他div爲50px?在320像素的分辨率下,這將會超過100% – iagowp