. container { display: flex; margin : 0自动; max-width: 800px; border : 1px固态黑; } .left { display: flex; 背景色: orange; margin: 5px; width: 200px; }@media(max-width:640px ).left ) display:none; } } .right { display: flex; flex: 1; margin: 5px; 背景色:蓝色; } divclass=' container ' divclass=' left '这里是友情链接、广告等/div div class='right '这里是一些重要内容,比如文章,文章是整个页面的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 这里是重要的内容,比如文章,文章是整页的核心内容。 /div /div
移动终端下:
非移动终端下: