html - CSS3 Pseudo :after horizontal scroll even overflow hidden -

-

i developing responsible page using bootstrap, <div> content using :before , :after pseudo screen size. below code, working fine. horizontal scroll appearing, overflow hidden. please remove horizontal scroll.

css

.text_box{  background:#ff0000;  width:1000px;  height:200px;  margin: 0 0 19px;  padding: 20px 0 25px;  position: relative;  color:#ffffff;  }  .text_box:before{ background:#ff0000; display:block; width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:-99%; z-index:-1; content:''; }  .text_box:after {    background: #ff0000; content: ""; display: block; height: 100%; overflow: hidden; position: absolute; right: -99%; top: 0; width: 100%; z-index: -1; }

html

<div class="text_box"> hello world !!!     </div>

remove 100% width :after , :next class. update css below.

.text_box:before{ background:#ff0000; display:block; height:100%; overflow:hidden; position:absolute; top:0; left:-99%; z-index:-1; content:''; }  .text_box:after {    background: #ff0000; content: ""; display: block; height: 100%; overflow: hidden; position: absolute; right: -99%; top: 0; z-index: -1; }

Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more