css 填充问题[重复]

cxfofazt  于 12个月前  发布在  其他
关注(0)|答案(2)|浏览(104)

此问题在此处已有答案

How can I use a not:first-child selector?(13个回答)
5天前关闭。
我的元素的填充有一些问题。我有这些块,我想他们的所有孩子(孩子不是来自同一个元素),除了第一个有右和左填充。
下面是我的HTML和CSS:

.post-text {
      background-color: white;
      width: 62%;
      margin: 0 3% 0 5.8%;
      font-family: 'Verdana', sans-serif;
      padding: 0 4%;
    }
    
    #image-title {
     width: 100%;
	 padding: 0 0 3% 0;
    }
   .video-responsive{
     width: 70%;
     margin: 3% auto;
     overflow:hidden;
     padding-bottom:42%;
     position:relative;
     height:0;
   }
   .video-responsive iframe{
     left:0;
     top:0;
     height:100%;
     width:100%;
     position:absolute;
   }

个字符
以下是jsfiddle链接:https://jsfiddle.net/vanessaddiniz/L81ekzmp/
我想让图片全宽,没有左下和右下。什么是最好的方法?

qv7cva1a

qv7cva1a1#

据我所知,this JSFiddle可能是你问题的解决方案。
我已经为你想要移动的元素添加了填充,并将body设置为absolute

p, h2, h3{
  padding-left:4%;
  padding-right:4%;
}

字符串

wlsrxk51

wlsrxk512#

您可以将图像和下一个内容分开。因此,填充将仅用于内容,并使图像具有全宽度。这里是JSFiddle

.post-text {
  background-color: white;
  width: 62%;
  margin: 0 3% 0 5.8%;
  font-family: 'Verdana', sans-serif;
}

.content {  
  padding: 0 4%;
}

字符串

相关问题