Html 第3列的正确显示

Html 第3列的正确显示,html,css,layout,padding,margin,Html,Css,Layout,Padding,Margin,有一个网站 $(文档).ready(函数(){ /* 所有按钮=document.queryselectoral('.header按钮'); []forEach.call(所有按钮、函数(选定按钮){ 所选按钮。addEventListener('click',函数(事件){ event.target.style.backgroundColor='#5f3ec0'; event.target.style.color='#ffffff'; }); }); */ $('.header\u按钮')

有一个网站

$(文档).ready(函数(){
/*
所有按钮=document.queryselectoral('.header按钮');
[]forEach.call(所有按钮、函数(选定按钮){
所选按钮。addEventListener('click',函数(事件){
event.target.style.backgroundColor='#5f3ec0';
event.target.style.color='#ffffff';
});
}); 
*/
$('.header\u按钮')。单击(函数(事件){
$('.header__按钮').removeClass('lilac');
$(this.addClass('lilac');
event.target.style.color='#ffffff';
}
);
常量getItem=`
iPhone11、Pro Max、Iphone 3
Краш видео
Краш видео
Видео разбор с ответами на самые часто задаваемые вопросы может быть большим в 3 строки, видео разбор с ответами на самые часто задаваемые
`;  
如果(document.documentElement.clientWidth){
让内容=“”;
for(设i=0;i{
document.getElementById('content').innerHTML=getAllItems();
}
renderAllItems();
console.log('Mobile');
}
if((window.innerWidth>=640)和&(window.innerWidth i.innerHTML=getItem)*/
let blocks=document.querySelectorAll('.content\uu article');
for(让块中的块)
{
block.innerHTML=getItem;
/*document.querySelectorAll('.content\uu article')[i].innerHTML=getItem*/
}
console.log(“平板电脑”);
}
如果(document.documentElement.clientWidth>1023)
{
console.log('Desktop');
}
}
)
正文{
保证金:0;
填充:0;
}
:根{
--集装箱全宽:768;
}
.环球集装箱{
边际上限:0px;
右边距:计算((39/var(--containerfullwidth)*100)*1%);
边缘底部:0px;
左边距:计算((39/var(--containerfullwidth)*100)*1%);
/*身高:100%*/
}
.header>.header\u文本{
位置:相对位置;
宽度:93px;
高度:24px;
左:0;
边缘顶端:129px;
边缘底部:20px;
字体家族:TT规范;
字体风格:普通;
字体大小:粗体;
字体大小:24px;
线高:100%;
/*与盒子高度相同,或24px*/
颜色:#000000;
}
/*
.标题按钮{
左:0;
排名:193px;
}
*/
.标题按钮{
宽度:75px;
高度:30px;
边界半径:4px;
边框颜色:#5f3ec0;
背景色:#fff;
右边距:1.75%;
显示器:flex;
证明内容:中心;
对齐项目:居中;
空白:nowrap;
}
.标题按钮{
显示器:flex;
弯曲方向:行;
对齐项目:居中;
填充:7px 15px 7px 0px;
溢出:隐藏;
/*保证金权利:10%*/
}
.内容{
宽度:100%;
}
.cardexample{
宽度:100%;
}
.mobileimage img{
最大宽度:100%;
高度:自动;
}
.手机{
最大宽度:100%;
}
.内容\标题{
字体系列:中等字体;
字体风格:普通;
字体大小:粗体;
字号:18px;
线高:21.6px;
利润率:0.3%15px 0.15px;
}
克拉什维多先生{
宽度:115px;
高度:30px;
边界半径:4px;
边缘顶部:15px;
背景色:#5f3ec0;
颜色:#ffffff;
}
.视频图标{
左边距:15px;
显示器:flex;
弯曲方向:行;
对齐项目:居中;
}
#例2{
显示:无;
}
.youtube__图标播放{
左边距:自动;
右边距:自动;
利润上限:20.5px;
宽度:25px;
高度:18.75px;
对齐:居中;
}
.content\u文本{
边缘顶部:16px;
文本对齐:左对齐;
左边距:15px;
右边距:90像素;
字体家族:TT规范;
字体风格:普通;
字体大小:正常;
字体大小:16px;
线高:150%;
/*或22像素*/
/*正文*/
颜色:#cacaca;
}
.endlink{
边缘顶部:20px;
左边距:15px;
边缘底部:20px;
字体家族:TT规范;
字体风格:普通;
字体大小:粗体;
字体大小:16px;
线高:100%;
颜色:#121212;
}
a{
文字装饰:无;
}
.尾端a{
颜色:#121212;
}
.endlink a:已访问{
颜色:#800080;
}
.展示更多{
宽度:345px;
高度:50px;
显示:块;
文本对齐:居中;
保证金:40自动40自动;
边界半径:6px;
背景色:#5f3ec0;
颜色:#ffffff;
}
.页脚{
边际上限:0px;
宽度:100%;
背景色:#000000;
}
.firstfooter列{
左边距:39像素;
宽度:247px;
颜色:#ffffff;
}
.logo___公司{
显示:块;
填充顶部:25px;
/*左边距:39像素*/
颜色:#FFFFFF;
边缘底部:30px;
}
.联系人名称{
边缘底部:20px;
}
.电话1{