Cách tạo div 100% chiều cao của cửa sổ trình duyệt

2238
mike 2009-10-16 11:18.

Tôi có một bố cục với hai cột - một bên trái divvà một bên phải div.

Bên phải divcó màu xám background-colorvà tôi cần nó mở rộng theo chiều dọc tùy thuộc vào chiều cao của cửa sổ trình duyệt của người dùng. Ngay bây giờ background-colorkết thúc ở phần cuối cùng của nội dung đó div.

Tôi đã thử height:100%, min-height:100%;vv

30 answers

2930
James Donnelly 2013-05-31 03:33.

Có một số đơn vị đo lường CSS 3 được gọi là:

Độ dài Chế độ xem-Phần trăm (hoặc Chế độ xem-Tương đối)

Độ dài khung nhìn-phần trăm là gì?

Từ Đề xuất Ứng viên W3 được liên kết ở trên:

Độ dài phần trăm khung nhìn có liên quan đến kích thước của khối chứa ban đầu. Khi chiều cao hoặc chiều rộng của khối chứa ban đầu bị thay đổi, chúng sẽ được chia tỷ lệ tương ứng.

Các đơn vị này là vh(chiều cao khung nhìn), vw(chiều rộng khung nhìn), vmin(chiều dài tối thiểu của khung nhìn) và vmax(chiều dài tối đa của khung nhìn).

Làm thế nào điều này có thể được sử dụng để làm cho một dải phân cách lấp đầy chiều cao của trình duyệt?

Đối với câu hỏi này, chúng ta có thể sử dụng vh: 1vhbằng 1% chiều cao của khung nhìn. Có nghĩa là, 100vhbằng với chiều cao của cửa sổ trình duyệt, bất kể phần tử được đặt ở đâu trong cây DOM:

HTML

<div></div>

CSS

div {
    height: 100vh;
}

Đây thực sự là tất cả những gì cần thiết. Đây là một ví dụ JSFiddle về điều này đang được sử dụng.

Những trình duyệt nào hỗ trợ các đơn vị mới này?

Điều này hiện được hỗ trợ trên tất cả các trình duyệt chính cập nhật ngoại trừ Opera Mini. Kiểm tra Tôi có thể sử dụng ... để được hỗ trợ thêm.

Làm thế nào điều này có thể được sử dụng với nhiều cột?

Trong trường hợp của câu hỏi, có một dải phân cách trái và phải, đây là một ví dụ JSFiddle hiển thị một bố cục hai cột liên quan đến cả vhvw.

Làm thế nào là 100vhkhác nhau 100%?

Lấy bố cục này làm ví dụ:

<body style="height:100%">
    <div style="height:200px">
        <p style="height:100%; display:block;">Hello, world!</p>
    </div>
</body>

Các ptừ khóa ở đây được thiết lập đến 100% chiều cao, nhưng vì có chứa nó divcó 200 pixel chiều cao, 100% 200 pixel trở thành 200 pixel, không 100% của bodychiều cao. Sử dụng 100vhthay thế có nghĩa là pthẻ sẽ có chiều cao 100% bodybất kể divchiều cao là bao nhiêu. Hãy xem JSFiddle đi kèm này để dễ dàng nhận thấy sự khác biệt!

577
Ariona Rian 2011-12-12 03:10.

Nếu bạn muốn đặt chiều cao của một <div>hoặc bất kỳ phần tử nào, bạn cũng nên đặt chiều cao bằng <body>và bằng <html>100%. Sau đó, bạn có thể đặt chiều cao của phần tử bằng 100% :)

Đây là một ví dụ:

body, html {
  height: 100%;
}

#right {
  height: 100%;
}
287
Tinister 2009-10-16 11:31.

Nếu bạn hoàn toàn có thể định vị các phần tử của mình,

position: absolute;
top: 0;
bottom: 0;

sẽ làm điều đó.

144
MrGeek 2016-05-05 01:11.

Bạn có thể sử dụng đơn vị cổng xem trong CSS:

HTML:

<div id="my-div">Hello World!</div>

CSS:

#my-div {
    height: 100vh; /* vh stands for view-port height, 1vh is 1% of screen height */
}
137
Alireza 2017-06-04 07:43.

Bạn có thể sử dụng vhtrong trường hợp này là tương ứng với 1% chiều cao của khung nhìn ...

Điều đó có nghĩa là nếu bạn muốn che đi chiều cao, chỉ cần sử dụng 100vh.

Nhìn vào hình ảnh dưới đây tôi vẽ cho bạn đây:

Hãy thử đoạn mã tôi đã tạo cho bạn như bên dưới:

.left {
  height: 100vh;
  width: 50%;
  background-color: grey;
  float: left;
}

.right {
  height: 100vh;
  width: 50%;
  background-color: red;
  float: right;
}
<div class="left"></div>
<div class="right"></div>

107
Airen 2013-06-13 04:14.

Tất cả các giải pháp khác, bao gồm cả giải pháp được bình chọn nhiều nhất vhlà dưới mức tối ưu khi so sánh với giải pháp mô hình flex .

Với sự ra đời của mô hình CSS flex , việc giải quyết vấn đề chiều cao 100% trở nên rất, rất dễ dàng: sử dụng height: 100%; display: flextrên các phần tử cha và flex: 1trên các phần tử con. Chúng sẽ tự động chiếm tất cả không gian có sẵn trong vùng chứa của chúng.

Lưu ý mức độ đơn giản của đánh dấu và CSS. Không có hack bảng hoặc bất cứ điều gì.

Mô hình flex được hỗ trợ bởi tất cả các trình duyệt chính cũng như IE11 +.

html, body {
  height: 100%;
}
body {
  display: flex;
}

.left, .right {
  flex: 1;
}

.left {
  background: orange;
}

.right {
  background: cyan;
}
<div class="left">left</div>
<div class="right">right</div>

Tìm hiểu thêm về mô hình flex tại đây.

54
cletus 2009-10-16 13:13.

Bạn không đề cập đến một số chi tiết quan trọng như:

  • Bố cục có chiều rộng cố định không?
  • Một trong hai hoặc cả hai cột có chiều rộng cố định không?

Đây là một khả năng:

body,
div {
  margin: 0;
  border: 0 none;
  padding: 0;
}

html,
body,
#wrapper,
#left,
#right {
  height: 100%;
  min-height: 100%;
}

#wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 960px; // width optional
}

#left {
  background: yellow;
  float: left;
  width: 360px; // width optional but recommended 
}

#right {
  background: grey;
  margin-left: 360px; // must agree with previous width 
}
<html>
<head>
  <title>Example</title>
</head>

<body>
  <div id="wrapper">
    <div id="left">
      Left
    </div>

    <div id="right"></div>
  </div>
</body>

</html>

Có nhiều biến thể về điều này tùy thuộc vào cột nào cần cố định và cột nào là chất lỏng. Bạn cũng có thể làm điều này với định vị tuyệt đối nhưng tôi thường tìm thấy kết quả tốt hơn (đặc biệt là về trình duyệt chéo) bằng cách sử dụng phao thay thế.

35
Majda 2013-07-28 06:18.

Đây là những gì làm việc cho tôi:

<div style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; background: red;"> </div>

Sử dụng position:fixedthay vì position:absolute, theo cách đó, ngay cả khi bạn cuộn xuống phần chia sẽ mở rộng đến cuối màn hình.

29
Jonas Sandstedt 2013-08-22 06:57.

Đây là một bản sửa lỗi cho chiều cao.

Trong việc sử dụng CSS của bạn:

#your-object: height: 100vh;

Đối với trình duyệt không hỗ trợ vh-units, hãy sử dụng modernizr.

Thêm tập lệnh này (để thêm phát hiện cho vh-units)

// https://github.com/Modernizr/Modernizr/issues/572
// Similar to http://jsfiddle.net/FWeinb/etnYC/
Modernizr.addTest('cssvhunit', function() {
    var bool;
    Modernizr.testStyles("#modernizr { height: 50vh; }", function(elem, rule) {   
        var height = parseInt(window.innerHeight/2,10),
            compStyle = parseInt((window.getComputedStyle ?
                      getComputedStyle(elem, null) :
                      elem.currentStyle)["height"],10);

        bool= !!(compStyle == height);
    });
    return bool;
});

Cuối cùng sử dụng chức năng này để thêm chiều cao của khung nhìn #your-objectnếu trình duyệt không hỗ trợ vh-units:

$(function() { if (!Modernizr.cssvhunit) { var windowH = $(window).height();
        $('#your-object').css({'height':($(window).height())+'px'});
    }
});
24
Dinesh Pandiyan 2018-11-19 07:36.

100% hoạt động khác nhau đối với chiều rộng và chiều cao.

Khi bạn chỉ định width: 100%, điều đó có nghĩa là "chiếm 100% chiều rộng có sẵn từ phần tử mẹ hoặc chiều rộng của cửa sổ."

Khi bạn chỉ định height: 100%, điều đó chỉ có nghĩa là "chiếm 100% chiều cao có sẵn từ phần tử mẹ". Điều này có nghĩa là nếu bạn không chỉ định chiều cao ở phần tử cấp cao nhất, thì chiều cao của tất cả các phần tử con sẽ bằng 0hoặc chiều cao của phần tử gốc và đó là lý do tại sao bạn cần đặt phần tử trên cùng có min-heightchiều cao bằng cửa sổ.

Tôi luôn chỉ định phần thân phải có chiều cao tối thiểu là 100vh và nó giúp việc định vị và tính toán dễ dàng,

body {
  min-height: 100vh;
}
19
machineghost 2020-03-13 10:10.

Ngay cả với tất cả các câu trả lời ở đây, tôi đã rất ngạc nhiên khi thấy rằng không có câu trả lời nào thực sự giải quyết được vấn đề. Nếu tôi đã sử dụng 100vh height/ min-height, bố cục bị hỏng khi nội dung dài hơn một trang. Thay vào đó, nếu tôi sử dụng 100% height/ min-height, bố cục bị hỏng khi nội dung nhỏ hơn chiều cao trang.

Giải pháp mà tôi tìm thấy, giải quyết được cả hai trường hợp, là kết hợp hai câu trả lời hàng đầu:

html, body, #mydiv {
  height: 100%;
  min-height: 100vh;
}
18
lukaszkups 2013-01-29 01:05.

Hãy thử cái này - đã thử nghiệm:

body {
  min-height: 100%;
}

#right, #left {
  height: 100%;
}

Chỉnh sửa: Cập nhật năm 2020:

Bạn có thể sử dụng vhngay bây giờ:

#right, #left {
  height: 100vh
}
17
Руслан 2017-09-28 04:06.

100vw = 100% chiều rộng của khung nhìn.

100vh = 100% chiều cao của khung nhìn.

Nếu bạn muốn đặt divchiều rộng hoặc chiều cao bằng 100% kích thước cửa sổ trình duyệt, bạn nên sử dụng:

Đối với chiều rộng: 100vw

Đối với chiều cao: 100vh

Hoặc nếu bạn muốn đặt kích thước nhỏ hơn, hãy sử dụng calchàm CSS . Thí dụ:

#example {
    width: calc(100vw - 32px)
}
16
Remus Simion 2011-12-11 11:34.

Thêm min-height: 100%và không chỉ định chiều cao (hoặc đặt nó ở chế độ tự động). Nó hoàn toàn làm công việc cho tôi:

.container{     
    margin: auto;
    background-color: #909090;
    width: 60%;
    padding: none;
    min-height: 100%;
}
14
EMILO 2020-01-09 08:44.

Cách đơn giản nhất là làm như thế này.

div {
background: red;
height: 100vh;
}
body {
margin: 0px;
}
<div></div>

12
Santosh Khalse 2017-01-05 00:43.

Có một số phương pháp có sẵn để đặt chiều cao từ a <div>đến 100%.

Phương pháp (A):

html,
body {
  height: 100%;
  min-height: 100%;
}
.div-left {
  height: 100%;
  width: 50%;
  background: green;
}
.div-right {
  height: 100%;
  width: 50%;
  background: gray;
}
<div class="div-left"></div>
<div class="div-right"></div>

Phương pháp (B) sử dụng vh:

html,
body {
  height: 100%;
  min-height: 100%;
}
.div-left {
  height: 100vh;
  width: 50%;
  background: green;
  float: left;
}
.div-right {
  height: 100vh;
  width: 50%;
  background: gray;
  float: right;
}
<div class="div-left"></div>
<div class="div-right"></div>

Phương pháp (c) sử dụng hộp flex:

html,
body {
  height: 100%;
  min-height: 100%;
}
.wrapper {
  height: 100%;
  min-height: 100%;
  display: flex;
}
.div-left {
  width: 50%;
  background: green;
}
.div-right {
  width: 50%;
  background: gray;
}
<div class="wrapper">
  <div class="div-left"></div>
  <div class="div-right"></div>
</div>

12
testing 2013-06-13 04:01.

Điều này đã làm việc cho tôi:

html, body {
    height: 100%; /* IMPORTANT!!! Stretches viewport to 100% */
}

#wrapper {
    min-height: 100%; /* Minimum height for a modern browser */
    height:auto !important; /* Important rule for a modern browser */
    height:100%; /* Minimum height for Internet Explorer */
    overflow: hidden !important; /* Firefox scroll-bar */
}

Lấy từ trang này .

11
Mohammed Javed 2016-04-15 00:19.

Cố gắng thiết lập height:100%trong html&body

html, 
body {
    height: 100%;
}

Và nếu bạn muốn 2 div chiều cao giống nhau, hãy sử dụng hoặc đặt thuộc tính phần tử mẹ display:flex.

8
Michael Benjamin 2017-10-04 03:46.

Theo mặc định, các phần tử khối sử dụng toàn bộ chiều rộng của phần tử gốc của chúng.

Đây là cách họ đáp ứng yêu cầu thiết kế của họ, đó là xếp chồng theo chiều dọc.

9.4.1 Các ngữ cảnh định dạng khối

Trong ngữ cảnh định dạng khối, các hộp được sắp xếp lần lượt theo chiều dọc, bắt đầu từ đầu khối chứa.

Hành vi này, tuy nhiên, không mở rộng đến chiều cao.

Theo mặc định, hầu hết các phần tử là chiều cao của nội dung của chúng ( height: auto).

Không giống với chiều rộng, bạn cần chỉ định chiều cao nếu bạn muốn có thêm không gian.

Do đó, hãy ghi nhớ hai điều sau:

  • trừ khi bạn muốn có chiều rộng đầy đủ, bạn cần xác định chiều rộng của một phần tử khối
  • trừ khi bạn muốn chiều cao nội dung, bạn cần xác định chiều cao của một phần tử

.Contact {
  display: flex;     /* full width by default */
  min-height: 100vh; /* use full height of viewport, at a minimum */
}

.left {
  flex: 0 0 60%;
  background-color: tomato;
}

.right {
  flex: 1;
  background-color: pink;
}

body { margin: 0; } /* remove default margins */
<div class="Contact">
  <section class="left">
    <div class="">
      <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h1>
    </div>
  </section>
  <section class="right">
    <img />
  </section>
</div>

8
khalifeh 2018-03-10 14:52.

Chỉ cần sử dụng đơn vị "vh" thay vì "px", có nghĩa là chiều cao cổng xem.

height: 100vh;
7
newdark-it 2017-06-13 04:52.

Đây là điều gì đó không hoàn toàn giống như những gì bạn đã có trong các câu trả lời trước đó, nhưng nó có thể hữu ích cho một số người:

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: 0px;
}

#one {
  background-color: red;
}

#two {
  margin-top: 0px;
  background-color: black;
  color: white;
  overflow-y: scroll;
}

https://jsfiddle.net/newdark/qyxkk558/10/

6
Stickers 2016-01-26 07:36.

Một trong những tùy chọn là sử dụng bảng CSS. Nó có hỗ trợ trình duyệt tuyệt vời và thậm chí hoạt động trong Internet Explorer 8.

Ví dụ về JSFiddle

html, body {
  height: 100%;
  margin: 0;
}
.container {
  display: table;
  width: 100%;
  height: 100%;
}
.left, .right {
  display: table-cell;
  width: 50%;
}
.right {
  background: grey;
}
<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

6
Sunil Rajput 2019-12-04 01:21.

Thử cái này một lần ...

*{
  padding:0;
  margin:0;
}
.parent_div{
  overflow:hidden;
  clear:both;
  color:#fff;
  text-align:center;
}

.left_div {
  float: left;
  height: 100vh;
  width: 50%;
  background-color: blue;

}

.right_div {
  float: right;
  height: 100vh;
  width: 50%;
  background-color: green;

}
<div class=" parent_div">
  <div class="left_div">Left</div>
  <div class="right_div">Right</div>
</div>

5
robross0606 2015-05-07 11:16.

Sử dụng CSS FlexBox

Flexbox hoàn toàn phù hợp cho loại vấn đề này. Mặc dù chủ yếu được biết đến với việc bố trí nội dung theo hướng ngang, nhưng Flexbox thực sự hoạt động tốt cho các vấn đề về bố cục dọc. Tất cả những gì bạn phải làm là bọc các phần thẳng đứng trong một hộp linh hoạt và chọn phần nào bạn muốn mở rộng. Chúng sẽ tự động chiếm tất cả không gian có sẵn trong vùng chứa của chúng.

5
Thuc Nguyen 2017-10-29 20:55.

Bạn có thể sử dụng display: flexheight: 100vh

html, body {
  height: 100%;
  margin: 0px;
}
body {
  display: flex;
}

.left, .right {
  flex: 1;
}

.left {
  background: orange;
}

.right {
  background: cyan;
}
<div class="left">left</div>
<div class="right">right</div>

5
Prabhakar Undurthi 2015-10-17 00:28.

Bạn cần làm hai việc, một là đặt chiều cao thành 100% mà bạn đã làm. Thứ hai là đặt vị trí thành tuyệt đối. Điều đó sẽ làm các trick.

html,
body {
  height: 100%;
  min-height: 100%;
  position: absolute;
}

Nguồn

5
ProblemChild 2017-04-18 19:56.

Hãy thử CSS sau:

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
}

#right {
    min-height: 100%;
}
5
JimmyFlash 2018-08-23 00:48.

Trên thực tế, điều làm việc tốt nhất cho tôi là sử dụng vhtài sản.

Trong ứng dụng React của mình, tôi muốn div khớp với trang cao ngay cả khi đã thay đổi kích thước. Tôi đã thử height: 100%;, overflow-y: auto;nhưng không ai trong số họ hoạt động khi cài đặt height:(your percent)vh;nó hoạt động như dự định.

Lưu ý: nếu bạn đang sử dụng phần đệm, góc tròn, v.v., hãy đảm bảo trừ các giá trị đó khỏi vhphần trăm thuộc tính của bạn hoặc nó sẽ thêm chiều cao và làm xuất hiện các thanh cuộn. Đây là mẫu của tôi:

.frame {
  background-color: rgb(33, 2, 211);
  height: 96vh;
  padding: 1% 3% 2% 3%;
  border: 1px solid rgb(212, 248, 203);
  border-radius: 10px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 50px 100px minmax(50px, 1fr) minmax(50px, 1fr) minmax(50px, 1fr);
}
2
John Smith Optional 2013-09-12 23:41.

Nếu bạn sử dụng position: absolute;và jQuery, bạn có thể sử dụng

$("#mydiv").css("height", $(document).height() + "px");
2
RamNiwas Sharma 2018-05-01 01:02.

HTML

   // vw: hundredths of the viewport width.
   // vh: hundredths of the viewport height.
   // vmin: hundredths of whichever is smaller, the viewport width or height.
   // vmax: hundredths of whichever is larger, the viewport width or height.

<div class="wrapper">
    <div class="left">
        Left
    </div>
    <div class="right">
        Right
    </div>
</div>

CSS

<style>
    .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100vh; // Height window (vh)
    }
    .wrapper .left{
        widht: 80%; // Width optional, but recommended
    }
    .wrapper .right{
        widht: 20%; // Width optional, but recommended
        background-color: #dd1f26;
    }
<style>

Related questions

MORE COOL STUFF

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett đã bất chấp những lời khuyên hẹn hò điển hình khi cô gặp chồng mình.

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Michael Sheen là một diễn viên phi lợi nhuận nhưng chính xác thì điều đó có nghĩa là gì?

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Ngôi sao của Hallmark Colin Egglesfield chia sẻ về những cuộc gặp gỡ với người hâm mộ ly kỳ tại RomaDrama Live! cộng với chương trình INSPIRE của anh ấy tại đại hội.

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Bạn sẽ phải phủi sạch đầu đĩa Blu-ray hoặc DVD để xem tại sao Northern Exposure trở thành một trong những chương trình nổi tiếng nhất của thập niên 90.

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

8 công dụng tuyệt vời của Baking Soda và Giấm

8 công dụng tuyệt vời của Baking Soda và Giấm

Bạn biết đấy, hai sản phẩm này là nguồn điện để làm sạch, riêng chúng. Nhưng cùng với nhau, chúng có một loạt công dụng hoàn toàn khác.

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Thủy điện rất cần thiết cho lưới điện của Hoa Kỳ, nhưng nó chỉ tạo ra năng lượng khi có nước di chuyển. Bao nhiêu nhà máy thủy điện có thể gặp nguy hiểm khi các hồ và sông cạn kiệt?

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Tóc tỉa từ các tiệm và các khoản quyên góp cá nhân có thể được tái sử dụng như những tấm thảm thấm dầu và giúp bảo vệ môi trường.

Tất nhiên Luật sư mới của Harvey Weinstein là một người phụ nữ chỉ trích tôi

Tất nhiên Luật sư mới của Harvey Weinstein là một người phụ nữ chỉ trích tôi

Phiên tòa xét xử vụ tấn công tình dục bị trì hoãn nhiều của Harvey Weinstein dự kiến ​​sẽ bắt đầu lựa chọn bồi thẩm đoàn vào tháng 9, và với dự đoán, ông đã sắp xếp lại đội ngũ pháp lý của mình lần thứ ba. Có lẽ không thể tránh khỏi, các luật sư của anh ấy hiện bao gồm luật sư bào chữa Donna Rotunno, người nổi tiếng với việc đại diện cho những người đàn ông bị cáo buộc tấn công tình dục, đặt câu hỏi về phong trào MeToo nói chung và đã nói trong các cuộc phỏng vấn trước đây rằng giới tính của cô ấy cho phép cô ấy thoát khỏi "nọc độc" nhiều hơn khi kiểm tra chéo người tố cáo.

Cựu trợ lý của Harvey Weinstein nói rằng ông là 'kẻ thao túng bậc thầy'

Cựu trợ lý của Harvey Weinstein nói rằng ông là 'kẻ thao túng bậc thầy'

Trong một cuộc phỏng vấn với BBC News, trợ lý cũ của Harvey Weinstein, Zelda Perkins, nói rõ thực tế của việc chống lại ông trùm Hollywood. Cô ấy nói, về cơ bản là không thể.

Không có người chơi nào trên bầu trời của họ có cuộc chiến đầu tiên của họ và nó đã giết chết hoàn toàn một nền văn minh

Không có người chơi nào trên bầu trời của họ có cuộc chiến đầu tiên của họ và nó đã giết chết hoàn toàn một nền văn minh

Nguồn ảnh: AndyKrycek6 Những người hâm mộ No Man's Sky không thể chơi với nhau một cách chính xác, nhưng họ vẫn thích đến với nhau để ăn mừng cộng đồng của họ. Bằng cách nào đó, một kỳ nghỉ mới do người chơi tạo ra đã trở thành một câu chuyện về xung đột, phản bội và sự biến mất của cả một nền văn minh.

Cựu Giám đốc Thanh niên Bắc Carolina NAACP buộc tội Giám sát viên về hành vi quấy rối tình dục và cưỡng bức như thế nào Quốc gia xử lý yêu cầu của cô ấy

Cựu Giám đốc Thanh niên Bắc Carolina NAACP buộc tội Giám sát viên về hành vi quấy rối tình dục và cưỡng bức như thế nào Quốc gia xử lý yêu cầu của cô ấy

Jazmyne Childs đã khóc trong một cuộc họp báo vào ngày 25 tháng 9 năm 2019, khi cô ấy mô tả về hành vi quấy rối tình dục mà cô ấy nói rằng cô ấy đã phải chịu đựng khi làm việc cho phân hội Bắc Carolina của NAACP, ở Raleigh, N.

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Rothschild's luggage got lost, but luckily she has an incredible closet to shop: Sister Paris Hilton's!

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa. Từ Hollywood đến New York và mọi nơi ở giữa, hãy xem các ngôi sao yêu thích của bạn đang làm gì!

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

Các nhà điều tra đang xem xét liệu nhóm và nghi phạm có biết nhau trước vụ tấn công hay không

Thanh thiếu niên, Gia đình Florida Hội đồng quản trị trường học về Luật 'Không nói đồng tính': 'Buộc chúng tôi tự kiểm duyệt'

Thanh thiếu niên, Gia đình Florida Hội đồng quản trị trường học về Luật 'Không nói đồng tính': 'Buộc chúng tôi tự kiểm duyệt'

Vụ kiện, nêu tên một số học khu, lập luận rằng dự luật "Không nói đồng tính" được ban hành gần đây của Florida "có hiệu quả im lặng và xóa bỏ học sinh và gia đình LGBTQ +"

Tôi viết như thế nào

Tôi viết như thế nào

Đối với tôi, mọi thứ là về dòng đầu tiên đó và nó sẽ đưa bạn đến đâu. Một số nhà văn bị điều khiển bởi cốt truyện, sự sắp xếp tinh tế của các quân cờ, trong khi những người khác bị lôi cuốn bởi một nhân vật và khả năng thực hiện một cuộc hành trình với một người bạn hư cấu mới.

Đường băng hạ cánh

Đường băng hạ cánh

Cuối hè đầu thu là mùa hoài niệm. Những chiếc đèn đường chiếu ánh sáng của chúng qua những con đường đẫm mưa, và những chiếc lá dưới chân - màu đỏ cam tắt trong bóng chạng vạng - là lời nhắc nhở về những ngày đã qua.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Vào năm 2021, tôi khuyến khích bạn suy nghĩ lại mọi thứ bạn biết về khách hàng mà bạn phục vụ và những câu chuyện bạn kể cho họ. Lùi lại.

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Vào ngày sinh nhật thứ 9 của Felix The Cat, tôi nhớ về một trong những mất mát lớn nhất trong cuộc đời trưởng thành của tôi - Sophie của tôi vào năm 2013. Tôi đã viết bài luận này và chia sẻ nó trên nền tảng này một thời gian ngắn vào năm 2013.

Language