Tengo la siguiente propiedad:
div{width:300px;}y todo está bien porque hay un desplazamiento vertical (con un ancho de 17px).
pero cuando tengo el mismo div en un lugar donde no hay desplazamiento vertical, hay un vacío (porque no hay una barra de desplazamiento vertical de 17px, por supuesto)
Mi pregunta es: ¿cuál es la forma correcta de abordar este problema?
algo como esta lógica tal vez?
if !scrollbarY then div.width=div.width + scrollbarY else div.width¿O tal vez colocar un desplazamiento vertical sin tener la necesidad?
Si configura div {overflow: scroll;} , las secciones de la barra de desplazamiento mostrarán si se necesita una barra de desplazamiento o no (o anulada como usted dice). Si configura div {overflow: auto;} , solo mostrará las secciones de la barra de desplazamiento cuando sea necesario. Ejecute el fragmento de código para ver un ejemplo de ambos.
.one, .two, .three { width:300px; height: 50px; display: block; margin-bottom: 3rem; border: 1px solid pink } .one { overflow: scroll } .two, .three { overflow: auto } <div class="one"> jlnka sdflj knasd </div> <div class="two"> jlnkasdf ljknas dflkjn. </div> <div class="three"> jlnkasdf ljknas dflkjn asdflkj nasdflk jnasdfl kjnasdf lkjnasd flkjnas dflkjnas dflkjnas dflkjnas dfkljnas dfkljnas dlfkjnas </div>