Hướng dẫn how do i fix button position in css? - làm cách nào để sửa vị trí nút trong css?

Question

Tôi đang gặp một số khó khăn khi thêm một nút cố định ở cuối trang web của mình. Đã kiểm tra các số khác nhau với các pixel, nhưng nút không được hiển thị bên dưới trang bên phải.

HTML

CSS

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}

Josh Crozier

225K54 Huy hiệu vàng383 Huy hiệu bạc 301 Huy hiệu đồng54 gold badges383 silver badges301 bronze badges

Hỏi ngày 4 tháng 10 năm 2013 lúc 18:23Oct 4, 2013 at 18:23

1

Bạn đang chỉ định

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}

0 trong CSS của mình (một lớp) và chỉ định

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}

1 trên chính phần tử.

Thay đổi CSS của bạn thành phần sau, sẽ chọn

.fixedbutton {
    position: fixed;
    bottom: 560px;
    right: 1000px; 
}

1 FixedButton

#fixedbutton {
    position: fixed;
    bottom: 0px;
    right: 0px; 
}

Đây là một JSfiddle lịch sự của Joshc.

Đã trả lời ngày 4 tháng 10 năm 2013 lúc 18:25Oct 4, 2013 at 18:25

Chopperchopperchopper

6.4596 Huy hiệu vàng35 Huy hiệu bạc53 Huy hiệu Đồng6 gold badges35 silver badges53 bronze badges

5

Điều này sẽ hữu ích cho nút tròn dưới bên phảiright bottom rounded button

HTML:

CSS:

       .fixedButton{
            position: fixed;
            bottom: 0px;
            right: 0px; 
            padding: 20px;
        }
        .roundedFixedBtn{
          height: 60px;
          line-height: 80px;  
          width: 60px;  
          font-size: 2em;
          font-weight: bold;
          border-radius: 50%;
          background-color: #4CAF50;
          color: white;
          text-align: center;
          cursor: pointer;
        }

Dưới đây là liên kết jsfiddle http://jsfiddle.net/vpthcsx8/11/

Đã trả lời ngày 21 tháng 2 năm 2021 lúc 13:51Feb 21, 2021 at 13:51

Hướng dẫn how do i fix button position in css? - làm cách nào để sửa vị trí nút trong css?

.bottomFixButtionComponent{
  position: sticky;
  bottom: 0px;
  padding-top: 10px;
  background: yellowgreen;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0px -4px 3px rgb(27 27 24 / 75%);
  }

      
        Bottom Fix component 
      
         
          
          |

Đã trả lời ngày 4 tháng 8 năm 2021 lúc 17:57Aug 4, 2021 at 17:57

.bottomFixButtionComponent{
  position: fixed;
  bottom: 0px;
  padding-top: 10px;
  background: yellowgreen;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0px -4px 3px rgb(27 27 24 / 75%);
  }

 Bottom Fix component 
      
         
          
          |

Đã trả lời ngày 4 tháng 8 năm 2021 lúc 17:59Aug 4, 2021 at 17:59

Ngày 22 tháng 4 năm 2014 lúc 12:10 tối #168452 #168452

Xin chào các bạn, tôi muốn một nút ở bên phải khu phố bên phải của một thùng chứa div chạm vào nó với vị trí cố định trên mọi chiều rộng/độ phân giải màn hình mà không cần cuộn. Yêu cầu chính là nút phải luôn có cùng một vị trí trên tất cả các độ phân giải màn hình phản hồi.

Ngày 22 tháng 4 năm 2014 lúc 12:17 PM #168453 #168453

Vậy bạn đã thử gì cho đến nay?

Không có ít nhất một số HTML / CSS, chúng tôi có thể biết những gì bạn thực sự sau đó.

Đã sửa lỗi làm thế nào một lần nữa?

Nút Nút sẽ cuộn với Div hay luôn ở cùng một vị trí?

Mục đích của nút là gì?

Còn màn hình nhỏ thì sao?

Ngày 22 tháng 4 năm 2014 lúc 12:33 PM #168454 #168454

Paulie cảm ơn vì đã trả lời

Trên thực tế, tôi muốn một nút ở bên phải của container chính của toàn bộ nội dung trang web. Nút sẽ ở bên ngoài container và với vị trí cố định, nút sẽ không cuộn.
Button will be outside from container and with fixed position, button will not scroll.

Ngày 22 tháng 4 năm 2014 lúc 12:38 PM #168455 #168455

Tôi đã thử điều này, nhưng nó chỉ hoạt động cho chiều rộng cố định

Body {nền: #ccc;} .Wrapper {lề: 0 tự động; Chiều cao: 1000px; Chiều rộng: 650px; Bối cảnh: Màu xanh lá cây; }