這個問題在這里已經有了答案： 什么是清除修復？ (9 個回答) 我可以使用哪些“clearfix”方法？ (29 個回答) 12 天前關閉。
我試圖在容器的右下角顯示按鈕，但它顯示在容器邊框之外。有人可以幫我解決這個問題嗎？
<head>
<title>title</title>
<style>
.container{
border: 1px solid black;
}
.myButton{
font-size: 20px;
border: 2px solid red;
float: right;
}
</style>
</head>
<body>
<div class="container">
<h1>title</h1>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi velit consectetur,
rem autem pariatur magnam aliquid? Necessitatibus quia quae, earum voluptate sit
nobis vel et repudiandae esse fugiat, nemo debitis.
</p>
<button class="myButton">button</button>
</div>
</body>
uj5u.com熱心網友回復：
當您使用float: right該按鈕時，該按鈕超出了頁面元素的流程。嘗試flex改用。
<head>
<title>title</title>
<style>
.container{
border: 1px solid black;
}
.myButton{
font-size: 20px;
border: 2px solid red;
margin-right: 0;
margin-left: auto;
}
.a{
display: flex;
}
</style>
</head>
<body>
<div class="container">
<h1>title</h1>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi velit consectetur,
rem autem pariatur magnam aliquid? Necessitatibus quia quae, earum voluptate sit
nobis vel et repudiandae esse fugiat, nemo debitis.
</p>
<div class="a">
<button class="myButton">button</button>
</div>
</div>
</body>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/511260.html
上一篇：如何指定通道來設定權限？